[SeaD]

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]

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]

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]

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]

SeaD, em 09/09/2008 - 15:03, disse:

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]

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

http://aprendacss.wo...via-javascript/

abraço

[SeaD]

William Bruno, em 10/09/2008 - 17:10, disse:

SeaD, em 09/09/2008 - 15:03, disse:

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

Aprendiz CSS, em 10/09/2008 - 17:55, disse:

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

http://aprendacss.wo...via-javascript/

abraço

Vou ler o seu artigo Aprendiz...
Muito obrigado

[William Bruno]

Se eu bem entendi, é isso aqui que você procura:
http://www.cenasordi...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]

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