nicht angemeldet
Hallo,
irgendwie klappt das nicht richtig (zumindest im IE, ich hab hier leider keinen anderen zur Verfügung, aber das Schrottteil soll es ja auch zeigen):
Ein Body mit margins=0 und spacings=0, darin eine Tabelle mit zwei Zeilen und je einer Zelle.
Jede Zelle hat eine (zueinander passende) Hintergrundgrafik, die genau aneinander liegen müssen.
Mit background-position: center top (und center bottom für die untere Zeile) erscheint zumindest keine Lücke mehr zwischen den Zellen. Die hätten eh nicht sein sollen, erscheinen aber.
Allerdings soll die obere Grafik auch oben bündig sein, ohne background-position ist sie das aber dann ist die Lücke zwischen den beiden Zeilen.
hier der CSS-Code:
---
BODY{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
table{
border: 0px;
width: 997px;
border-spacing: 0px; /*versteht der IE nicht*/
border-collapse: collapse; /*versteht der IE*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
td{
background-repeat: no-repeat;
}
td.zeile1{
background-position:center bottom;
}
td.zeile2{
background-position:center top;
}
--
und der HTML Code:
<body>
<table width="997">
<tr>
<td background="/gfx/zeile1_komplett.gif" class="zeile1">
<img src="/gfx/spacer.gif" width="50" height="77" />
</td>
</tr>
<tr>
<td background="/gfx/zeile2_komplett.gif" class="zeile2">
<img src="/gfx/spacer.gif" width="50" height="75" />
</td>
</tr>
</table>
usw.
---
Der Spacer (transparentes 1x1px-gif) tut not weil sonst die Tabellenzelle ohne Inhalt "kollabiert" und nicht den ganzen Hintergrund anzeigt ("richtige" Grafiken kommen dann später rein). Wenn ich dem oberen spacer drei pixel weniger Höhe angeb als die Hintergrundgrafik hoch ist (also 74 statt 77px), passt es allerdings. Ist doch nicht normal oder?