consideram a seguinte estrutura: <div id="site">
<div id="ContSuperior">
</div>
<div id="ContEsquerdo">
</div>
<div id="ContDireito">
</div>
</div>
<div id="desenvolvedor">
</div>
As divs ContEsquerdo e Direito, ficarão no site como se fossem "colunas".
Só que como tenho que usar os floats, a div site, não "estica" até embaixo, e como consequencia, no firefox eu não consigo usar margin e nem padding na div desenvolvedor.
Mas aí um display: table; na div site resolveu. beleza.
Só que aí, no firefox também, a div ContEsquerdo as vezes "quebra" e pra resolver é só dar "F5"..
outra solução:
#site:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}
realmente, resolveu...
Agora fui construir um formulário, e simplesmente se eu colocar algum select, a div "quebra" denovo...
olhem a imagem...
Até consegui solução...
tirei o
#site:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
height: 0;
overflow: hidden;
}
e o display: table da div site e coloquei no html uma div...
<div id="hack"></div>
e no css
#hack {
clear: both;
} dessa forma o layout não fica quebrado, mas gostaria de uma solução "correta" pra não ter que usar essa gambiarra... se alguém puder me ajudar... no aguardo...