Pessoal,
Estou com um problema que já tentei de várias formas resolver e nada…
Segue uma pequena parte do código HTML. Se eu conseguir resolver este, tudo estará resolvido!
Como sempre acontece, pelo menos comigo, no Firefox o layout está OK, enquanto que no IE não. Segue o código abaixo:
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Teste 01</title>
</head>
<body>
<table style="width: 50%;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 14px;">
<img src="imagens/tl.gif">
</td>
<td background="imagens/tc.gif">
<img src="imagens/pingo.gif">
</td>
</tr>
</table>
</body>
</html>
E agora as imagens do resultado, primeiro no IE:
E agora no Firefox:
Se alguém quiser, tiver tempo, etc e quiser entrar no teste o link é:
http://www.skyuberlandia.com.br/teste01/teste.html
Se não ficou claro o meu problema é um espaço que aparece na primeira célula no IE. Ele faz com que a imagem de background da segunda célula comece a repetir e, não é para isso acontecer!!! Veja a diferença no Firefox, a imagem da segunda célula está totalmente alinhada com a imagem da primeira célula.
Desde já agradeço qualquer ajuda…
Abraços.
