probleminha com float: left no firefox

carmolim · Setembro 13, 2007

dae pessoal??

comecei a me aventurar no CSS, já sabia um pouquinho mas agora eu me empenhei mais, mas ainda não sei tudo que gostaria de saber, eu estou montando um site com css e estou tendo um problema com o float:left

no IE 6 ele está renderezanco corretamente mas no firefox tudo fica uma zona...

gostaria de saber se vocês podem me ajudar...

tem algumas divs que estão coloridas porque eu estava tentando descobrir o problema...

outro probleminha que está acotecendo é que no IE aparece um espaço de uns 3px entre a div "menu" e a div "top", no firefox não aparece isso...

já peço desculpas se o meu código estiver muito bagunçado... eu ainda não sei como organizar direito..

o código é esse:

<!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=utf-8" /><title>Untitled Document</title><style type="text/css">body {	margin: 50px 0 20px 0;	background-image: url(px_background.jpg);	background-repeat: repeat-x;	background-color: #625723;		font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: 700;	color: #2A1600;}a {text-decoration:none;}a img {border: 0;}h3 {	font-family: Arial, Helvetica, sans-serif;	font-style: normal;	font-size: 14px;	font-weight: bold;	color: #3E2003;	text-align: left;}.links_menu{	position:relative;	left:20px;	top:0px;	z-index:2;	background-color: #b6b277;	border-left-width: 2px;	border-left-style: solid;	border-left-color: #5d4621;	padding-left: 10px;	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	font-style: italic;	font-weight: bold;	color: #2A0300;	vertical-align: middle;}#top {	margin:auto;	width:720px;	z-index:1;}#menu {	width:720px;	z-index:1;	background-color: #c3bf85;	margin: auto;}#content_geral {	width:720px;	z-index:1;	margin: auto;	background-color: #DADB99;	position: relative;	padding-bottom: 50px;}#content {	width:720px;	z-index:1;	margin: auto;	background-color: #FF0000;	position: relative;	padding-bottom: 50px;}#titulo {	position:relative;	z-index: 3;	background-color: #d2d291;	border-left-width: 5px;	border-left-style: solid;	border-left-color: #3e2003;	width: 95px;	top: 35px;	left: 35px;	padding-left: 8px;}#box_texto {	position:relative;	left:35px;	top:0px;	width:350px;	z-index:2;	padding-top: 45px;	padding-bottom: 10px;	padding-left: 15px;	padding-right: 15px;	border-left-width: 1px;	border-left-style: dashed;	border-left-color: #2A0300;	border-right-width: 1px;	border-right-style: dashed;	border-right-color: #2A0300;	background-color: #00FFFF;	float: left;}#apDiv1 {	position:relative;	left:50px;	top:0px;	width:207px;	height:155px;	z-index:2;	background-color: #CC6600;}#servicos_prestados {	position:relative;	width:720px;	z-index:2;	top: 50px;	background-image: url(css/px_background_servicos.jpg);	padding-bottom: 10px;	padding-top: 10px;	text-align: center;	color: #E6DF98;	background-color: #339900;	left: 0px;}#rodape {	width:600px;	height:50px;	z-index:2;	margin: auto;	padding-top: 25px;	text-align:center;}</style></head><body><div id="top"><img src="images/topo.jpg" alt="Dr. Marluz Cesar Mazepa" border="0" usemap="#Map" /><map name="Map" id="Map"><area shape="rect" coords="15,30,384,110" href="#" alt="Dr. Marluz Cesar Mazepa" /></map></div><div id="menu"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">	<tr>	  <td width="21"> </td>	  <td width="90" class="links_menu">Home</td>	  <td width="39"> </td>	  <td width="130" class="links_menu">Serviços</td>	  <td width="35"> </td>	  <td width="206" class="links_menu">Perguntas Frequentes</td>	  <td width="37"> </td>	  <td width="98" class="links_menu">Contato</td>	  <td width="64"> </td>	</tr>  </table></div><div id="content_geral">	  <div id="content">  	<div id="titulo"><!--a div "titulo" está relativa à div "content"--> 	Título	</div>	<!--final da div "titulo"-->		<div id="box_texto"><!--a div "box_texto" está relativa à div "content"--> Para dentes perdidos, não há nenhuma imitação mais próxima da natureza do que o implante dental. Esta fantástica prótese		 é	 fixa por um pequeno parafuso de titânio que se solidifica ao osso da mandíbula ou maxila para criar uma raiz artificial. Sobre o		 implante é colocado uma coroa estética. O resultado? Uma forte e duradoura prótese que permite ao paciente comer confortavelmente,	 praticamente qualquer tipo de alimento. <br/><br/>Com implante, você não precisa se preocupar com a manutenção da dentadura, adesivos, limpeza ou deslocamento. O cuidado com o implante é o mesmo que você faria com seu dente natural, escovar diariamente e passar fio dental, acompanhado de visitas regulares aodentista para limpeza profissional. Saiba mais sobre implantes dentais, ligue para o Dr. Marluz Mazepa e marque uma consulta. Implantes dentais podem dar uma nova aparência a sua vida!	<br />	</div><!--final da div "box_texto"-->		<div id="apDiv1"><!--a div "box_menu" está relativa à div "content"--> 	   aqrqwerqwerqwerqewr	</div><!--final da div "box_menu"-->		<div id="servicos_prestados"><!--a div "servicos_prestados" está relativa à div "content"-->	  <table width="80%" border="0" cellspacing="0" cellpadding="6" align="center">		<tr>		  <td>Cuidados Preventivos</td>		  <td>Clareamento </td>		  <td>Ortodontia</td>		  <td>Tratamento Periodontal</td>		</tr>		<tr>		  <td>Facetas de Porcelana</td>		  <td>Implantes</td>		  <td>Próteses</td>		  <td>Serviços Cosméticos</td>		</tr>	  </table>	</div><!--final da div "servico_prestados"-->			    </div><!--final da div "content"-->	</div><!--final da div "content_geral"--><div id="rodape">Rua Cândido Lopes, 128, 9º - andar, Centro. Curitiba - Paraná<br/>Telefone: 3232-2485 Fax: 3224-9494<br/>www.drmarluz.com.br</div></body></html>

desde já agraço a ajuda!

Giovani · Setembro 14, 2007

Fala carmolim, tudo bem?

Não estou com o meu note agora, e onde estou nem tem muitas ferramentas.

Veja se o link a seguir ajuda você: http://forum.imasters.com.br/index.php?showtopic=219987

Ele ensina a construir layout's corretamente.

Se você puder postar um link fica mais fácil para o pessoal ajudar!

Espero que o link ajude!

Precisando, por favor, volte a postar!

Grande abraço! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Giovani

Entrar

Arquivado

probleminha com float: left no firefox

Recommended Posts

carmolim 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Giovani 104

Compartilhar este post

Link para o post

Compartilhar em outros sites

select com varias categorias por horario

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.

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante