Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diegosl1207

[Resolvido] Desalinhamento no internet explorer

Recommended Posts

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

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

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

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.