sobre min-width e max-width

[SeaD 0]

Pessoal e o seguinte eu estou tentando fazer o seguinte...

 

Tenho 2 DIV (precisa ser separadas), e preciso que uma delas aonde vai o conteudo (dei o nome a div de conteudo_internas) e a outra e um menu rapido interno (q dei o nome de menu_rapido)...

 

Agora e o seguinte eu queria saber como colocaria elas uma do lado da outra, mas que quando uma dela sumisse a outra ocupase o lugar da outra....

 

 

No HTML

<div id="menu_rapido"></div>
<div id="conteudo_internas"></div>

Eu coloquei isso no meu CSS

 

div#conteudo_internas {
	background:url(../imagens/detalhe_internas.gif) repeat-x top #ffffff;
	margin:0;
	padding:5px;
	float:left;
	min-width:750px;
}

div#menu_rapido {
	max-width:211px;
	height:100px;
	background:url(../imagens/detalhe_internas.gif) repeat-x top #ffffff;
}

Obrigado

[Aprendiz CSS 3]

colocar lado a lado você fez certinho!!!

 

usou o float! somente tome cuidado com o modelo caixa!

 

eu faria via javascript!

 

quando uma mudar altera o width da outra!

 

document.getElementById('menu_rapido').style.display = "none";
document.getElementById('conteudo_internas').style.width = "100%";

abraço

[SeaD 0]

Obrigado Aprendiz CSS..

 

Vou tentar usando esse JS que você me passou e depois posto o que consegui rsrs

 

Eu sabia que tinha um jeito mas e q eu estava tentando pelo q eu conheço então fiquei qse 2 horas mexendo e remexendo no codigo, alterando a ordens da tag no HTML fiz de td um pouco rsrs

[SeaD 0]

Aprendiz me ajude novamente...

Como eu utilizo esse JS que você me passou eu usei ele assim...

 

<script type="text/javascript">
document.getElementById('menu_rapido').style.display = "none";
document.getElementById('conteudo_internas').style.width = "100%";
</script>

So que não aconteceu nada :(

[William Bruno 1501]

mas que quando uma dela sumisse a outra ocupase o lugar da outra....

Pois então... essa é a grande questão. "Quando é que" uma delas some?

Oque exatamente acontece? Javascript é acima de tudo para nós, um tratador de eventos que ocorrem no lado do usuário(clique, foco, passar do mouse, retirar o mouse...)

Somente do jeito que você colocou, nada deve acontecer mesmo. Pois você não definiou qndo e porque deve ser iniciado o código. Explique melhor a aplicação, se for o caso de usar JS mesmo, eu movo o tópico.

[Aprendiz CSS 3]

Dá uma lida neste artigo que acabei de escrever em homenagem ao seu post

 

http://aprendacss.wordpress.com/2008/09/10...via-javascript/

 

abraço

[SeaD 0]

mas que quando uma dela sumisse a outra ocupase o lugar da outra....

Pois então... essa é a grande questão. "Quando é que" uma delas some?

Oque exatamente acontece? Javascript é acima de tudo para nós, um tratador de eventos que ocorrem no lado do usuário(clique, foco, passar do mouse, retirar o mouse...)

Somente do jeito que você colocou, nada deve acontecer mesmo. Pois você não definiou qndo e porque deve ser iniciado o código. Explique melhor a aplicação, se for o caso de usar JS mesmo, eu movo o tópico.

 

Eh assim a pagina que eu to tentando fazer sera uma interna de uma pagina feita em .NET, e essa barra lateral pegara os submenus sozinhos do banco de dados, caso não tiver ela não pegara, so que quando ela não pegar nada quero que a div do conteudo fique 100%..

Obrigado

 

Dá uma lida neste artigo que acabei de escrever em homenagem ao seu post

 

http://aprendacss.wordpress.com/2008/09/10...via-javascript/

 

abraço

Vou ler o seu artigo Aprendiz...

Muito obrigado

[William Bruno 1501]

Se eu bem entendi, é isso aqui que você procura:

http://www.cenasordidas.hbe.com.br/exemplo...u_internas.html

 

Veja eu coloquei uma funçãozinha JS só para você ver que ao darmos display:none, na div do menu, que é o mesmo que retirar ele da marcação, a conteudo, já ocupa por definição do HTML, e dos elementos niveis de bloco, 100% de width do seu pai.

 

Não fiz nada de mais, apenas flutuei a DIV, e encaixei as 2 dentro de um container.

Testado IE7, IE6 e FF3.

[Aprendiz CSS 3]

Legal esta solução!

 

a que postei em meu blog, deixa um espaço para caso a pessoa tenha link que precise manter!

 

mas ficou bem legal o seu!

 

abraço