Blog
Mais um bug de renderização do IE 6
//
30.11.2007
CSS
Hoje estava montando um site aqui na agência e deparei com um bug muito louco do IE. Supondo o html abaixo:
<div id="principal">
<div id="colEsq"></div>
<div id="colDir"></div>
</div>
E o CSS abaixo:
div#principal{width:775px; background-color:#FFFFFF; margin:0 auto;}
div#colEsq{width:165px; float:left; display:inline;}
div#colDir{width:610px; float:left; display:inline;
background-color:#f4f2e9;}
No firefox apresentou do jeito que eu queria, uma coluna transparente do lado esquerdo e uma marrom do lado direito, no IE ele jogava a coluna direita para baixo, após algumas tentativas coloquei um background vermelho apenas para localização na coluna esquerda, quando dei um F5, estava lá tudo posicionado certinho, quer dizer por causa do background ele quebrou.
Fica aí pra quem tiver algum problema parecido…
Um comentário para “Mais um bug de renderização do IE 6”
Deixe um comentário
(*) Campos obrigatórios
2 de fevereiro de 2008 às 9:24 am
Olá,
Encontrei seu blog numa “funçança” pela net, to achando bem interessante…
Quanto ao problema, eu testei aqui e não vi nenhum erro, não será um erro em outra parte? E outra coisa, não vi motivos para o display:inline, sendo que com float o display:block (ou como é um div, nem precisa) seria melhor, e funfa bem(também no IE)…:)
abços