BUG NO IE6 ou ERRO DE CÓDIGO

CuEi_HzO · Abril 25, 2007

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.

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"><html xmlns="http://www.w3.org/1999/xhtml"><head>	<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.

Guilherme Rambo · Abril 25, 2007

Remova todos os comentários do seu código html, pelo menos na maioria dos casos essa repetição é por conta disso[]'s

Giovani · Abril 26, 2007

Caracas...isso é um bug? Coisa esquisita <_<

Remova todos os comentários do seu código html, pelo menos na maioria dos casos essa repetição é por conta disso[]'s

Guilherme Rambo · Abril 26, 2007

É sim gio, e não é só coisa do IE não, no FF também ocorrem problemas por causa dos comentários no HTML... muito esquisito[]'s

CuEi_HzO · Abril 27, 2007

BOm ainda nao testei sobre os comentários depois irei fazer o teste, mais acabei lançando um "famoso jeitinho brasileiro" (nome carinhoso para gambiarra)no codigo que resolveu.

segue o codigo que adicionei logo depois da div que estava com problema.

<div style="clear:both; width:1px; margin-top:-13px;"></div>

Muito obrigado pela resposta, depois irei fazer o teste removendo os comentários.

Entrar

Arquivado

BUG NO IE6 ou ERRO DE CÓDIGO

Recommended Posts

CuEi_HzO 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Guilherme Rambo 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

Guilherme Rambo 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

CuEi_HzO 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

comando like (Mysql) no php

Alguém com pratica em subir site em codeigniter4 na Hostinger? Não consigo acessar o bd. Erro de Autenticação. O mesmo site funciona normal em outro servidor web.

mostrar quanto tempo foi postado um conteudo

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante