Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Opa beleza gente.
A muito tempo ja mecho com producao de paginas e eu encontrei um BUG MALDITO que acontece apenas no IE6 e gostaria de saber se alguem ja viu algo parecido com isso.
Tenho uma série de divs com o float:left e no final dessas divs coloco um clear:both;. Até ai normal funciona perfeitinho no IE7 FIREFOX OPERA SAFARI em todos os browsers perfeitamente mais no maldito IE6 ele da o erro.
Segue abaixo uma screen com o erro citado acima.
/applications/core/interface/imageproxy/imageproxy.php?img=http://img479.imageshack.us/img479/8705/indexvf9.jpg&key=9b8c6b20da222f2689f161a91c3a3bf47364107b0706fa5fd5b9c1ca8a15b5bd" alt="Imagem Postada" />
abaixo segue o codigo da minha pagina para vcs darem uma olhada.
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CMRR</title> <link rel="stylesheet" type="text/css" href="css/estilos.css"></head><body><div align="center"> <!--CABECALHO--> <div id="bgCabecalho"> <div id="cabecalho"> <!--IDIOMAS--> <div style="float:right; padding-top:8px;"> <a href=""><img src="imgs/idioma_es.gif" alt="" width="18" height="15" /></a><br /> </div> <div style="float:right; padding-top:8px;"> <a href=""><img src="imgs/idioma_pt.gif" alt="" width="18" height="15" hspace="7" /></a><br /> </div> <div style="float:right; padding-top:12px;"> <img src="imgs/tit_cabecalho_idioma.gif" alt="" width="31" height="7" /><br /> </div> <div style="float:right; padding-top:10px;"> <img src="imgs/separador_cabecalho.gif" alt="" width="1" height="20" hspace="7" /><br /> </div> <div style="float:right; padding-top:12px;"> <a href=""><img src="imgs/tit_cabecalho_fale_conosco.gif" alt="" width="61" height="7" /></a><br /> </div> <div style="clear:both;"></div> <!--//IDIOMAS--> <!--MENU--> <div style="padding-top:11px;"> <a href=""><img src="imgs/menu_sobre_cmrr.gif" alt="" width="61" height="20" /></a> <img src="imgs/separador_menu.gif" alt="" width="1" height="20" hspace="5" /> <a href=""><img src="imgs/menu_politicas_publicas.gif" alt="" width="85" height="20" /></a> <img src="imgs/separador_menu.gif" alt="" width="1" height="20" hspace="5" /> <a href=""><img src="imgs/menu_gestao_municipal.gif" alt="" width="80" height="20" /></a> <img src="imgs/separador_menu.gif" alt="" width="1" height="20" hspace="5" /> <a href=""><img src="imgs/menu_qualificacao.gif" alt="" width="102" height="20" /></a> <img src="imgs/separador_menu.gif" alt="" width="1" height="20" hspace="5" /> <a href=""><img src="imgs/menu_informacao_tecnica.gif" alt="" width="93" height="20" /></a> <img src="imgs/separador_menu.gif" alt="" width="1" height="20" hspace="5" /> <a href=""><img src="imgs/menu_legislacao.gif" alt="" width="51" height="20" /></a> <img src="imgs/separador_menu.gif" alt="" width="1" height="20" hspace="5" /> <a href=""><img src="imgs/menu_eventos.gif" alt="" width="38" height="20" /></a> <img src="imgs/separador_menu.gif" alt="" width="1" height="20" hspace="5" /> <a href=""><img src="imgs/menu_faca_parte.gif" alt="" width="67" height="20" /></a> <img src="imgs/separador_menu.gif" alt="" width="1" height="20" hspace="5" /> <a href=""><img src="imgs/menu_imprensa.gif" alt="" width="43" height="20" /></a> </div> <!--//MENU--> <!--DESTAQUE PRINCIPAL--> <img src="imgs/topo_index.jpg" alt="" width="772" height="228" /><br /> <!--//DESTAQUE PRINCIPAL--> </div> </div> <!--CABECALHO--> <!--MIOLO--> <div id="bgConteudo"> <div id="conteudo"> <!--NOTICIAS--> <div style="float:left; width:242px;"> <div id="boxNoticiaIndex"> <div style="padding:14px;"> <img src="imgs/tit_index_noticias.gif" alt="" width="59" height="10" style="margin-bottom:15px;" /><br /> <div style="float:left; width:75px;"> <div style="background-image:url(imgs/foto_pq.jpg); background-repeat:no-repeat; width:65px; height:65px;"> <img src="imgs/moldura_foto_pq.gif" alt="" width="65" height="65" /><br /> </div> </div> <div style="float:left; width:135px;" class="teste"> <span class="textoBordo9">17.01.07</span><br /> <b class="textoVermelho11"><a href="">Lorem ipsum sit amet consectetuer</a></b><br /> <span class="textoBordo11"><a href="">Lorem ipsum dolor sit amet, consectetuer sed adipiscing elit.</a></span> </div> <div style="clear:both;"></div> </div> </div> <div id="boxMaisNoticiaIndex"> <div style="padding:14px;" class="textoCinza11"> <span class="textoVermelho9">21.01.06</span><br /> <a href=""><b>Lorem ipsum sit amet</b><br /> Lorem ipsum dolor sit amet elit sed consectetuer sed adipiscing.</a><br /><br /> <span class="textoVermelho9">21.01.06</span><br /> <a href=""><b>Lorem ipsum sit amet</b><br /> Lorem ipsum dolor sit amet elit sed consectetuer sed adipiscing.</a><br /><br /> <span class="textoVermelho9">21.01.06</span><br /> <a href=""><b>Lorem ipsum sit amet</b><br /> Lorem ipsum dolor sit amet elit sed consectetuer sed adipiscing.</a><br /><br /> <a href=""><b>Ver todas notícias</b></a> </div> </div> </div> <!--//NOTICIAS--> <div style="float:left; width:527px; margin-left:1px;"> <!--QUALIFICACAO--> <div style="float:left; width:176px;"> <div id="boxQualificacaoIndex"> <div style="padding:14px;" class="textoMarron11"> <img src="imgs/tit_index_qualificacao.gif" alt="" width="140" height="13" style="margin-bottom:12px;" /><br /> <div style="background-image:url(imgs/foto_hz.jpg); background-repeat:no-repeat; width:145px; height:65px;"> <img src="imgs/moldura_foto_hz_m.gif" alt="" width="145" height="65" /><br /> </div><br /> <a href="">Lorem ipsum dolor sit amet, consectetuer sed adipiscing elit, nonumy euismod tincidunt laoreet nibh.</a> </div> </div> </div> <!--//QUALIFICACAO--> <!--POLITICAS--> <div style="float:left; width:176px;"> <div id="boxPoliticasIndex"> <div style="padding:14px;" class="textoVerde11"> <img src="imgs/tit_index_politicas.gif" alt="" width="115" height="10" style="margin-bottom:15px;" /><br /> <div style="background-image:url(imgs/foto_hz.jpg); background-repeat:no-repeat; width:145px; height:65px;"> <img src="imgs/moldura_foto_hz_v.gif" alt="" width="145" height="65" /><br /> </div><br /> <a href="">Lorem ipsum dolor sit amet, consectetuer sed adipiscing elit, nonumy euismod tincidunt laoreet nibh.</a> </div> </div> </div> <!--//POLITICAS--> <!--EVENTOS--> <div style="float:left; width:175px;"> <div id="boxEventosIndex"> <div style="padding:14px;" class="textoAzul11"> <img src="imgs/tit_index_eventos.gif" alt="" width="57" height="10" style="margin-bottom:15px;" /><br /> <div style="background-image:url(imgs/foto_hz.jpg); background-repeat:no-repeat; width:145px; height:65px;"> <img src="imgs/moldura_foto_hz_a.gif" alt="" width="145" height="65" /><br /> </div><br /> <a href="">Lorem ipsum dolor sit amet, consectetuer sed adipiscing elit, nonumy euismod tincidunt laoreet nibh.</a> </div> </div> </div> <div style="clear:both;"></div> <!--//EVENTOS--> <!--FACA SUA PARTE--> <div style="margin-top:1px;"> <div id="boxFacaParteIndex"> <div style="padding-top:30px; padding-left:10px; padding-right:15px;" class="textoCinza11"> <img src="imgs/tit_index_faca_parte.gif" alt="" width="107" height="13" /><br /> Lorem ipsum dolor sit amet, consectetuer sed adipiscing. </div> <div style="float:left; padding-top:4px; width:367px;"> <img src="imgs/destaque_lixeiras.jpg" alt="" width="367" height="112" /><br /> </div> <div style="float:left; width:150px; padding-top:20px;" class="textoCinza11"> <b>Veja também outros resíduos:</b><br /><br /> <form name="" method="" action="" style="margin:0px;"> <select name="" style="width:124px;"> <option value="">Selecione</option> </select> <input type="image" src="imgs/bullet_cinza.gif" style="border:0px; background:transparent;" align="absmiddle" /> </form> </div> <div style="clear:both;"></div> </div> </div> <!--//FACA SUA PARTE--> </div> <div style="clear:both;"></div> </div> </div> <!--//MIOLO--> <!--RODAPE--> <div id="bgRodape"> <div id="rodape"> </div> </div> <!--//RODAPE--></div></body></html>Espero ser ajudado.Obrigado.
Carregando comentários...