Im Prinzip formatiert man die Hintergründe von Tabellenzellen, Tabellenreihen oder ganzen Tabellen genau wie andere Seitenelemente mit CSS- Formaten.
Die Grundlagen darüber findest du bei SelfHTML:Hintergrundfarben und -bilder.
Allerdings hapert es besonders bei der Tabellengestaltung mit Hintergrundgrafiken bei der Umsetzung der Angaben durch die verschiedenen Browser.
Während Opera und der Internet-Explorer die Formate korrekt umsetzen, werden Format- Angaben für <table> und <tr> von Netscape4 ignoriert und
von neueren Netscape- Browsern falsch umgesetzt. Im Detail sieht es so aus, das bei der Gestaltung einer gesamten Tabelle mit einer Hintergrundgrafik diese nicht
über die Fläche der Tabelle "gekachelt" wird, sondern nur über die Fläche jeder einzelnen Zelle.
Eine Variante, um dies zu umgehen, ist das Einbetten der Tabelle in ein <div>, und das Gestalten des Hintergrundes dieses <div>'s anstelle des Tabellenhintergrundes:
 |
|
|
|
<div style="width:60%;"style="background-image:url(hintergrund.gif);">
<table width="100%" background="none">
<tr><td>...........</td></tr>
</table>
</div> |
|
|
|
|
Die gewünschten Breiten-(im Beispiel 60%) und Hintergrundangaben für die Tabelle werden in diesem Fall dem <div> zugeteilt.
Die Tabelle erhält eine Breite von 100%. Wichtig ist die Angabe background="none" für die Tabelle, um zu verhindern,daß die Hintergrundformatierung des <div> an die Tabelle "vererbt" wird.
|
