probleminha com float: left no firefox
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">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!
Discussão (1)
Carregando comentários...