Linuchs: Weisse Streifen zwischen tds

Beitrag lesen

Hallo,

weil mein Firefox Hintergrund-Bilder mal druckt und mal nicht (der wirft die Münze), habe ich das Hintergrundbild ersetzt durch ein absolut positioniertes.

Da offenbar

td {  
  position: relative;  
}

nicht zulässig ist, musste ich noch einen div pro td einziehen.

Doch nun hat die Tabelle weisse Streifen und ich weiss nicht, woher die kommen. Habe weder margin noch padding angeordnet:

Tabelle mit Streifen

table.visi {  
  width: 200mm;  
  height: 290mm;  
  height: 287mm;  
  margin: 0 auto 0 auto;  
  border-spacing: 0;  
  border-collapse: collapse;  
  empty-cells: show;  
}  
table.visi tr {  
  height: 20%;  
}  
table.visi td {  
  width: 50%;  
  vertical-align: top;  
}  
table.visi td div {  
  position: relative;  
  height: 100%;  
  overflow: hidden;  
}  
table.visi td>div>img:nth-of-type(1) {  
  position: absolute;  
  width: 101%;  
  height: 101%;  
  z-index: -1;  
}  
table.visi td:nth-of-type(odd) div>img:nth-of-type(2) {  
  z-index: 2;  
}  

<table class=visi>  
<tr>  
  <td><div>  
    <img src="img/royal_clipper_links.jpg">  
    <p style="padding:5px"><img src="../img/qr_remso_TYP_7.gif" style="width:15mm"><br>european<br>seasong<br>- events</p>  
  </div></td>  
  <td><div>  
    <img src="img/royal_clipper_rechts.jpg">  
    <h1><img src="http://remso.eu/img/logo_remso.png"> &nbsp;Shanty-Events 2015</h1>  
  </div></td>  
</tr>  
...  
</table>

Gruß Linuchs