quinta-feira, 21 de junho de 2007

Problema com Layout da tua aplicação no Internet Explorer?

ontem foi o dia de ficar arrumando layout, para exibir corretamente, levei algumas horas até conseguir achar um jeito que funcionasse...

o que acontecia:
no Firefox como de costume o layout da aplicação exibia corretamente, porém não para variar muito no Internet Explorer, tem que sempre algo dar errado, no caso o Layout ficava zuado... me surgia uns espaçamentos entre as imagens ficando com um layout bagunçado... mas no Firefox não acontecia esses espaçamentos...

passado 2 horas de penitencia:
resolvi fazer um teste simples ( tolo ) quanto a identação do meu HTML que montava esse layout...

estava assim (exemplo de código):
<td width="100%">
   <img border="0" src="/images/imagem.gif" width="180" height="7"></img>
</td>

para corrigir o problema bastou alterar para (exemplo de código):
<td width="100%"><img border="0" src="/images/imagem.gif" width="180" height="7"/></td>


Obs.: incrivelmente que feito apenas isso o Layout passou a exibir corretamente no Internet Explorer...