Altura da DIV principal automatica.

[Sandler Riot 0]

Galera... Seguinte.

 

Meu HTML esta assim:

 

<div id="global">
  
  <div id="menu">
	---
  </div>

  <div id="corpo">
   ---
  </div>

</div>

 

Meu CSS:

 

 

 

#global { width: 500px; }

#menu { width: 150px; float: left; }

#corpo { width: 330px; float: right: }

 

Até ai... Esta tranquilo! Tenho uma página divida em duas colunas, certo?

 

 

O PROBLEMA

 

Div "corpo" recebe o conteúdo do site. De página em página, o conteúdo é mutável. Determinada página tem mais conteúdo que a outra, claro!

 

Logo...

 

A div "corpo" varia de altura de acordo com a página...

 

O problema é que a div "global" não acompanha a altura de forma alguma!

 

Corpo aumenta de tamanho... MAs a global, fica lá, paradona...

 

Sendo que ela deveria aumentar, pois, se a div corpo aumentou a div global deveria ser empurrada para baixo... Consequentemente, global empurra as outras divs que tem abaixo dela!

 

=]

 

Como faço pra altura da Global acompanhar a altura da corpo?

 

ty

[inforsis 1]

Opâ Sandler Riot, Bom Dia!

Tente trabalhar as propriedades: heigth com o valor 100% e a clear com o valor both.

Pode também dar uma conferida nessa dica do micox pode lhe ser util.

Div pai não acompanha a altura dos filhos que estão com float. Como fazer para que acompanhe

 

Qualquer coisa volte a postar, lembre-se sempre antes de conferir a Busca do Fórum iMasters. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif