Diegosl1207 0 Denunciar post Postado Abril 2, 2009 pessoal, to fazendo um site onde o menu e algumas tabelas ficam desalinhadas no ie, no firefox fica certinho... alguem poderia dar uma maozinha? Desde ja agradeço... Link: http://www.potencialmkt.com.br/ssl/avisa/ Código: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>.:: ASSOCIAÇÃO VIDA SAUDÁVEL ::.</title> </head> <style type="text/css"> <!-- .bordel { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: none; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000; } ul { width: 300px; display: inline; } li { width: 101px; *width: 153px; display: inline; float: left; margin-left:0px; margin-right:9px; margin-top:-1px; *margin-left:-2px; *margin-right:-37px; *padding: 3px; } ul li a { width: 101px; *width: 130px; display: compact; padding: 4px; *padding: 27px; float: inherit; text-decoration:none; text-align:center; font-weight:bold; font-family:Arial; font-size:14px; } ul li a:link, ul li a:visited { color: #ffffff; background: #4c4c4c; } ul li a:hover { color: #ffffff; background: #CC3333; } --> </style> <script language="JavaScript"> function mueveReloj(){ momentoActual = new Date() hora = momentoActual.getHours() minuto = momentoActual.getMinutes() segundo = momentoActual.getSeconds() str_segundo = new String (segundo) if (str_segundo.length == 1) segundo = "0" + segundo str_minuto = new String (minuto) if (str_minuto.length == 1) minuto = "0" + minuto str_hora = new String (hora) if (str_hora.length == 1) hora = "0" + hora horaImprimible = hora + " : " + minuto + " : " + segundo document.form_reloj2.reloj2.value = horaImprimible setTimeout("mueveReloj()",1000) } </script> <body marginheight="0" marginwidth="0" leftmargin="0" bottommargin="0" rightmargin="0" topmargin="0" onload="mueveReloj()"> <table width="776" border="0" cellpadding="0" cellspacing="0" class="bordel" align="center" bgcolor="#FFFFFF"> <!--DWLayoutTable--> <tr> <td width="778" height="234" valign="top"><table width="776" border="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="776" height="234" valign="top"><img src="topo.jpg" width="776" height="234" align="left"></td> </tr> </table> </td> </tr> <tr> <td height="26" valign="top" align="left"><table width="100%" border="0" cellspacing="0" align="left"> <!--DWLayoutTable--> <tr> <td width="774" height="26" align="left" valign="top"><ul> <li><a href="1">A AVISA</a></li> <li><a href="2">NOTÍCIAS</a></li> <li><a href="3">EVENTOS</a></li> <li><a href="4">FOTOS</a></li> <li><a href="5">AGENDA</a></li> <li><a href="6">COLABORAR</a></li> <li><a href="7" style="width:108px">CONTATO</a></li> </ul> </td> </tr> </table> </td> </tr> <tr> <td height="225" width="100%" valign="top" align="right"> <table width="100%" border="0" cellpadding="0" cellspacing="0" > <!--DWLayoutTable--> <tr> <td width="583" height="225" valign="top"> <form name="form_reloj2"> <input name="reloj2" size="10" style="background-color: White; color: Black; font-family: Verdana,Arial,Helvetica; font-size: 8pt; text-align: center;" onfocus="window.document.form_reloj.reloj.blur()" type="text"> </form> </td> <td width="195" valign="top" bgcolor="#CCCCCC" style="border-left-color:#999999; border-left-style:solid; border-left-width:1px; margin-top:-1px;" align="center"> <img src="banner_aemflo.gif"><br><br> <img src="banner_assisa_Passo_Fundo.gif"><br><br><img src="banner_potencialmkt.gif"><br><br><img src="banner_toledo.gif"> </td> </tr> </table> </td> </tr> </table> </body> </html> Compartilhar este post Link para o post Compartilhar em outros sites
hgb7 3 Denunciar post Postado Abril 2, 2009 http://forum.imasters.com.br/lofiversi...hp/t323445.html Espero que ajude :) Compartilhar este post Link para o post Compartilhar em outros sites
Diegosl1207 0 Denunciar post Postado Abril 2, 2009 valeu cara... mas não consegui ainda... tentei zerar a margin e padding e montar denovo... nao deu... ajustei de acordo com o ie... dai no caso fica desalinhado no firefox... :/ Compartilhar este post Link para o post Compartilhar em outros sites
Giovani 104 Denunciar post Postado Abril 3, 2009 O ideal é não utiizar tabelas para construir layouts: http://forum.imasters.com.br/index.php?showtopic=223799 Compartilhar este post Link para o post Compartilhar em outros sites
alebae 0 Denunciar post Postado Abril 5, 2009 Se você colocasse um hack para IE, para que esta tabela "suba", utilizando valores negativos para margin-top... Funcionaria? Compartilhar este post Link para o post Compartilhar em outros sites
Diegosl1207 0 Denunciar post Postado Abril 9, 2009 Pessoal muito obrigado a todos pelas dicas... Resolvi tirar as tabelas, fazer em divs... ficou alguma coisinha com alinhamento diferente ainda... mas ja foi um bom passo valeu mesmo pessoal http://www.potencialmkt.com.br/ssl/incobras/avisa/ Compartilhar este post Link para o post Compartilhar em outros sites