Tabel uitlijning

[stavos]

Wanneer ik de volgende HTML code gebruik, stuit ik op een probleem.

<style>
body{
   background: #FFFFFF url("") fixed;
   }

table{
   font-family: Arial,sans-serif;
   font-size: 10pt;
   border: 2px;
   border-style: solid;
   border-collapse: collapse;
   border-color: #000000;
   line-height: 1.166;
   }

td{
   text-indent: 0px;
   padding: 0px;
   vertical-align: top;
   }
</style>

<center>
<table width="779" cellspacing="0" cellpadding="0">
<tr>
   <td colspan="2" height="75" bgcolor="blue">
      <img src="http://layout.helpmij.nl/images/haederbg.gif" height="75" width="779">
   </td>
</tr>

<tr>
   <td bgcolor="red" width="579">
      rood
   </td>
   <td width="200" height="200" style="padding:5;">
      tekstvak
   </td>
</tr>
</table>
</center>

In FireFox werkt alles prima, het rode vlak sluit precies aan op de banner. Maar in IE komt de blauwe achtergrond voor een aantal pixels tussen de banner en het rode vlak. Wat moet ik aanpassen om de banner precies aan te laten sluiten op het rode vlak?

(de banner en kleuren zijn aangepast om het probleem duidelijk te maken. de achtergrond wit maken is dus geen oplossing, aangezien ik in de internetpagina uiteindelijk geen wit wil gebruiken.. de aansluiting moet gewoon goed zijn, zowel in IE als FF)

 

[peter vazed]

Tja, lijkt goed de code,
ook in mijn editor: geen fouten.
Ook in de validator: geen fouten.

Maar toch...............



wat is er dan loos..........




het is de ruimte..............




.... zoals ge ziet leest dit niet lekker...............



ook een browser leest code soms niet lekker............



dus...


Zet het (plaatje) eens in EEN regel:

<td colspan="2"  bgcolor="blue"><img src="http://layout.helpmij.nl/images/haederbg.gif" height="75" width="779" alt="1"></td>

dus aansluitend op de td codes........
en ziet...........

 

[stavos]

Dat lost het probleem niet op, het gaat om de uitlijning van de afbeelding binnen de cel..

Ik heb inmiddels wel een andere tag toegevoegd in mijn CSS, waarmee alles goed aansluit op elkaar..

img{
display: block;
}



Voor nu dus probleem opgelost :thumb: