Problema de alinhamento no IE

[prog_web 0]

Estou com um problema de alinhamento de um design no IE. No Firefox funciona de boa, no IE ele fica tipo como se estivesse alinhado middle, mas não esta. Exemplo:

 

http://img182.imageshack.us/img182/3585/imagemiegy5.jpg

 

No código tenho tipo:

 

<table width="760" border="0" cellspacing="0" cellpadding="0" align="center" height="100%">  <tr valign="top" align="center">	<td height="560" rowspan="2"> </td>	<td width="2" rowspan="2" bgcolor="#6A5159"> </td>	<td width="760" height="118" valign="top" bgcolor="#A79A9E"><a href="index.php"><img src="img/topo.jpg" width="760" height="118" border="0"></a></td>	<td width="2" rowspan="2" bgcolor="#6A5159"> </td>	<td rowspan="2"> </td>  </tr>  <tr valign="top">	<td valign="top" bgcolor="#A79A9E"><br /><div class="principal">[CONTEUDO]	</div>	<p> </p>   </td>  </tr></table></body></html>

O conteúdo teria que vir alinhado logo abaixo do topo, ele esta com valign="top". Alguém tem alguma idéia de como resolver isso?

[Giovani 104]

Você tá montando o layout com tabelas????

Isso não é correto.

 

Leia os seguintes links:

Layout 2 colunas

Layout 3 colunas

 

Estundando esses você consegue fazer o que quer.

 

[]´s

[prog_web 0]

Sim, nesse projeto foi decidido se fazer em tabelas mesmo, e não por tableless (embora eu tenho sugerido uso de tableless). Já fiz alguns testes mas não consegui resolver isso. Alguém manja?

[Hunter_ 0]

Já que vai trabalhar com tabelas tente ao menos implementar da meneira "menos errada" (acho q não existe, já q ta rolando tabelas).Sugestão que dou aos meus alunos, vá montando aos poucos, crie a tabela principal e feche-a e va colocando os th, tr, td, tbody etc. va refazendo aos poucos para tentar detectar os bugs, so assim você vai saber o q é,

[Rackson 0]

É o seguinte.

Vi oq é.

Oque tava ocorrendo é que você definiu o valor para height(560) nas quatro células laterais (duas de cada lado). Dae você definiu também pra célula do top (118). E a célula do conteúdo você não definiu "nada".

Mesmo tendo especificado que tamanho você queria na célula Top, o IE (>=P) centralizou o tamanho desta célula, e o tamanho da conteúdo, fazendo parecer que o problema era com o vAlign.

 

Resuminndo xD

Defini o valor da célula do Conteúdo em 442, que somado com 118 (height da Top), dão a altura da tabela inteira (560), e resolvido o problema ^^

 

Sempre que trabalhar com tabelas e tiver ocorrendo algo errado, coloca border="1" só pra dar uma olhada na estrutura e não confundir, como ocorreu agora.

No seu código, coloca o valor em border, e você vai ver direitinho oq é ^^

 

Pra facilitar, vo posta o código "novo" aqui, mais analiza oque ocorreu, não só copia o código pronto ^^

Flow, espero não ter enrolado muuito xD

 

 

<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">           <tr align="center">	<td height="560" rowspan="2"> </td>	<td width="2" rowspan="2" bgcolor="#6A5159"> </td>	<td width="760" height="118" valign="top" bgcolor="#A79A9E"><a href="index.php"alt="Top"><img src="img/topo.jpg" width="760" height="118" border="0"></a></td>	<td width="2" rowspan="2" bgcolor="#6A5159"> </td>	<td rowspan="2"> </td>           </tr>           <tr>	<td valign="top" bgcolor="#A79A9E" height="442"><br>	<div class="principal">	[CONTEUDO]	</div>	<p> </p>	 </td>           </tr></table>

PS.: Qualquer questão quando às tabelas ou algum recurço utilizado nelas aqui, posta ae q agente tenta resolver ^^

Do mais, estude bastante =)

[Giovani 104]

Pessoal, apenas lembrem-se que esse aqui é o fórum de WS.

Tabelas são para dados tabulares.

 

Espero que tenha conseguido resolver o seu problema prog_web!

 

[]´s http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif