Es gibt die unterschiedlichsten Gründe, die es im Layout notwendig machen,
ein Hintergrundbild in einer Tabelle einzusetzen. Das geschieht genau wie
im Body-Tag:
<table background="hintergrund.jpg">
Nun könnte die Arbeit eines Webdesigners so einfach sein, wenn es
funktionieren würde. Macht es auch, allerdings nur im Internet Explorer.
Brav legt dieser das Image hinter die (hier 6) Tabellenzellen:
Anders sieht die Sache im Netscape aus. Auch die neue Version 6.1 stellt das
Hintergrundbild zwar dar, nur leider nicht als Hintergrund für die komplette
Tabelle, sondern als Hintergrund für jede einzelne Tabellen-Zelle:
Die Lösung
Abhilfe schafft man durch zwei Tabellen. Das Hintergrundbild wird in der
äußeren Tabelle platziert, welche nur eine Tabellenzelle besitzt. In dieser
wird die zweite Tabelle platziert. Als Hintergrundbild in der zweiten Tabelle
wird ein transparentes Gif eingesetzt.
<table background="hintergrundbild.jpg" border="0">
<tr>
<td>
<!-- innere tabelle -->
<table background="blank.gif" border="0">
<tr>
<td>Tabellenzelle</td>
<td>Tabellenzelle</td>
<td>Tabellenzelle</td>
</tr>
<tr>
<td>Tabellenzelle</td>
<td>Tabellenzelle</td>
<td>Tabellenzelle</td>
</tr>
</table>
<!-- innere tabelle ende -->
</td>
</tr>
</table>
Netscape wiederholt das transparente Gif in jeder Tabellenzelle und legt
durch die unsichtbare Grafik den Blick auf die Tabellenzelle der äußeren
Tabelle frei. So sieht es im Anschluss aus:
Für den Internet Explorer hat das Verfahren keine negativen Auswirkungen.
Weitere Texte im Textarchiv 7 Kommentar zum Text im Forum abgeben