Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
No FF, IE7 e 8 estão aparecendo de forma correta, onde a coluna da esquerda (que possui a área dos 2 banners e o conteudo da página) e a coluna da direita onde fica a "Agenda" e o restante dos banners abaixo dela:
/applications/core/interface/imageproxy/imageproxy.php?img=http://img191.imageshack.us/img191/6569/layoutff.jpg&key=a08b85ede47ae21eb24bea60f1f6076e6c13b1e911f25c0daa9832e66f167763" alt="Imagem Postada" />
Mas no IE6 aparece assim (A coluna da direita está aparecendo abaixo da coluna da esquerda):
/applications/core/interface/imageproxy/imageproxy.php?img=http://img535.imageshack.us/img535/9331/layoutie6.jpg&key=a18d40fe3410e10c86225bab00f078760f83ee558cea181a394988a95f734883" alt="Imagem Postada" />
Estou com o seguinte código HTML:
http://www.codesc.ws/view/78b5626c
E o CSS:
http://www.codesc.ws/view/3b15680e
Já tentei diminuir a coluna da direita pra ver se ela se "encaixa" no espaço que sobra depois da coluna da esquerda, mas não adiantou! :(
Alguém tem uma sugestão?
Talvez seja uns dos bugs mais comuns do ie6 "Margem Duplicada".
Quando um elemento usa float: left; e tem uma margem esquerda margin-left o ie6, sabe-se lá por quê, duplica o valor desta margem.
Solução:
Basta adicionar um display: inline; na div ou em outro elemento que apresente esse problema.
outros problemas comuns do IE6 e como resolve-los: http://www.toprated.com.br/css-problemas-comuns-com-internet-explorer-6-e-como-resolve-los
Legal esse link que o Dudao passou. Dá pra tirar umas dúvidas gerais neste site.
Agora esse bug da margem duplicada, só acontece no margin-left ou tbm no margin?
Valeu pela dica Cesao, vou tentar algo a respeito.
Tenho quase certeza que acontece com os quatro cantos, mas pelo menos os lados direito e esquerdo é garantido que são afetados... Faça um teste, verifique se isso acontece também com os lados superior e inferior e nos informe depois...
http://forum.imasters.com.br/public/style_emoticons/default/joia.gif
Para ser mais específico, acontece quando margin e float forem aplicados no mesmo sentido. ^_^
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Diego, uma boa técnica que uso é dar borda aos quadros que dividem a tela. De bora à barra da esquerda, à div de conteúdo e a barra da direita. Assim, você poderá ter uma noção se é o padding ou margin ou mesmo o tamanho que está diferente no IE6 e alterar com a devida hash ou mesmo alterar o CSS para que se dê bem em todos os browsers (recomendo, pois não uso hashs).
E pelo jeito não vai adiantar você diminuir nem a div de conteúdo nem a barra da direita, já que você possui uma imagem em cada um deles que limita este tamanho. Mas siga a dica que te dei que você vai ter um esclarecimento maior do que pode estar causando isso.