Erros no Firefox na altura das Divs
Olá pessoal, postarei as imagens para explicar o que acontece.
As Divs do site que estou desenvolvendo apresentam problemas de altura no Firefox, que no IE estão normais.
O código CSS é o seguinte:
#geral { width: auto; height: 100%;}#cabecalho { width: 754px; height: 83px; background: url(../estrutura/cabecalho.jpg); margin-bottom: 1px;}#abre_corpo { background:url(../estrutura/abrecorpo.jpg); width: 754px; height: 20px; clear: both;}#fecha_corpo { background: url(../estrutura/fechacorpo.jpg); width: 754px; height: 20px; text-align: center;}#corpo { background: #FFF; color: #464646; width: 754px; height: 100%; }#coluna_esquerda { width: 134px; height: 100%; float: left; clear: both; text-align: left; margin-left: 5px;}#coluna_direita { width: 600px; height: 100%; float: right; text-align: left; border-left: #E6E6E6 solid 1px;}Faço assim, porque as páginas não tem o mesmo tamanho, então eu deixo a DIV #geral em auto ou 100% pra se ajustar ao tamanho que as outras DIVs assumem dentro dela. Acontece que no Firefox ela não assume o tamanho, apresenta o erro da imagem abaixo.
Shot at 2007-07-12
Aproveitarei pra deixar outro erro, referente ao posicionamento do menu de um outro site, que também desalinha no FF.
O código do problema do menu é o seguinte:
#coluna-menu { font-size: 11px; width: 150px; height: auto; padding: 0 0 10px 10px; float: left; clear: right;}#menu { left: 0px; width: 130px; height: inherit;}#menu ul { list-style: none; margin: 0px;}#menu li { width: 95%; padding: 2px; border-bottom: 1px solid #3399CC; float: left;}
/applications/core/interface/imageproxy/imageproxy.php?img=http://img514.imageshack.us/img514/1649/erroescolarp7.jpg&key=2c3f0f325227dae7a29b5dae4db5e86194886801472989cb08a4309e9deeb162" alt="Imagem Postada" />Shot at 2007-07-12
Agradeço a colaboração de todos vocês []'s
Discussão (3)
Carregando comentários...