Schönere Tabellen in HTML Seiten (Crossbrowser)
|
|
|
Schönere Tabellen in HTML Seiten (Crossbrowser) |
Das Problem ist bei WebDesignern bekannt, man macht eine färbige Tabelle
mit Trennlinien und bekommt im Browser ein Ergebniss dass man eigentlich gar
nicht möchte. Im M$ Exploder sieht es meistens noch halbwegs aus, aber
im Netscape Browser kommt einem das Grauen ...
Hier eine Lösung, die in allen Browsern gleich aussieht und keine "spacer-gifs"
benötigt:
Schritt 1:
Wir erstellen das Grundgerüsst unserer Tabelle...
Das Tabellenformat:
<table width="560" cellpadding="4" cellspacing="1"
border="0">
|
Text
|
Text
|
Text
|
Text
|
Text
|
|
| Text | Text | Text | Text | Text | Text |
| Text | Text | Text | Text | Text | Text |
| Text | Text | Text | Text | Text | Text |
| Text | Text | Text | Text | Text | Text |
| Text | Text | Text | Text | Text | Text |
| Text | Text | Text | Text | Text | Text |
Schritt 2:
Wir erstellen eine 560 Pixel breite Tabelle, den Rahmen mit 2Pixel Breite und den Background der feinen Trennlinien...
|
|
HTMLQuellcode:
<table width="560" border="0" cellspacing="1"
cellpadding="2">
<tr bgcolor="#006699">
<td>
<table width="560" border="0" cellspacing="0"
cellpadding="0">
<tr bgcolor="#006699">
<td<--- hier kommt die Tabelle hinein---></td>
</tr>
</table>
</td>
</tr>
</table>
Schritt 3:
Wir kopieren die Tabelle aus dem Schritt 1 in den Rahemn aus dem Schritt 2 an die Stelle: <td><--- hier kommt die Tabelle hinein---></td>
|
... Die Tabelle sieht nun M$ Exploder und Netscape GLEICH aus.
© 2001 by g¿smo