Publicado em 3 de abr.

2 divs q só ficam errado no Ie 6

Boa tarde a todos,

Bem estou criando um novo layout com duas divs para dividir o mesmo, um para coluna esquerda e outra para coluna central, só q no IE 6 fica uma diferença entre as divs de uns 3px já tentei de tudo, mas nada mudou, abaixo segue o codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><link href="script/estilo.css" type="text/css" rel="stylesheet" /></head><body><div id="total"><div id="topo01"></div><div id="coluna_esquerda"><p><img src="imagens/logotipo.jpg" height="170" width="260" alt="SaneRio Engenharia" title="SaneRio Engenharia" /></p><div id="menu"><ul><li class="imagem_menu"><strong>Menu de Navegação</strong></li><li><a href="#">Página Inicial</a></li><li><a href="#">Áreas de Atuação</a></li><li><a href="#">Principais Obras</a></li><li><a href="#">Clientes</a></li><li><a href="#">Contato</a></li><li><a href="#">Informativo</a></li></ul></div><div id="selo_prefeitura"><p><img src="imagens/imagem02.jpg" /></p><p><span class="titulo">SaneRio</span> recebe o selo "Empresa Solidária" concedido pela Prefeitura da Cidade do Rio de Janeiro, por sua atuação junto à comunidade desta cidade.<span class="link"><a href="#">Saiba mais</a></span> </p></div></div><div id="colunacentral"><p><img src="imagens/imagem_banner.jpg" /></p></div><div id="rodape"></div></div></body></html>

Agora o cod CSS

body { margin: 0px; padding: 0px; background-color: #DDEEF7; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; color: #666666;}div { margin: 0px; padding: 0px;}img { margin: 0px; padding: 0px;}p { margin: 0px; padding: 0px;}* { margin: 0px; padding: 0px;}.titulo { font-weight: bold;}.link a { background-image: url(../imagens/saibamais.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; text-decoration: none; color: #FFB600;}.link a:hover { text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #FFB600; background-image: url(../imagens/saibamais.gif); background-repeat: no-repeat; background-position: left center;}#total { width: 770px; background-color: #FFFFFF; background-image: url(../imagens/lateral_fundo.gif); background-repeat: repeat-y; background-position: right top;}#topo01 { margin-right: 26px; height: 20px; background-color: #4DA7FF;}#coluna_esquerda { width: 260px; float: left; background-color: #EAEAEA; background-image: url(../imagens/coluna_esquerda_fundo.gif); background-repeat: repeat-y; background-position: left center; margin-bottom: 20px; padding-bottom: 10px; margin-top: 0px; margin-right: 0px; margin-left: 0px;}#menu { margin: 0px; padding: 0px;}#menu ul { padding: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 20px;}#menu ul li { display: block; list-style-type: none; padding: 5px; border-bottom-width: 2px; border-bottom-style: groove; border-bottom-color: #FFFFFF;}#menu ul li a { text-decoration: none; display: block; color: #666666;}#menu ul li a:hover { background-color: #4DA7FF; color: #FFFFFF;}#selo_prefeitura { text-align: center; margin-top: 10px; border: 1px solid #CCCCCC; margin-right: 10px; margin-left: 20px; background-color: #DDEEF7; padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px;}#selo_prefeitura img { border: 1px solid #CCCCCC; padding: 5px; background-color: #FFFFFF;}#colunacentral { width: 484px; margin-left: 260px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}#rodape { clear: left; height: 50px; border-top-width: 2px; border-top-style: solid; border-top-color: #4DA7FF; margin-right: 26px;}[if lte IE 6]> <style> .gainlayout { height: 1px; } </style> <![endif]