HrblSoft_logo
Werbung MoneyBanner.de


 Themen

 News und Upload Info
 HTML Tipps und Tricks
 Javascript Tricks
 DHTML und Styles
 Html und JScript Links
 Allgemeine Grafiktipps
 PP Tricks und Tutorials
 Links zum Thema Grafik
 Downloads und Tools

 Grundsätzliches

28.12.2000

Kommerzielle Seiten bestehen meistens aus etlichen ineinander verschachtelten Tabellen. Der Grund dafür liegt klar auf der Hand, die einzelnen Seiteninhalte können mit Hilfe von Tabellen pixelgenau zueinander ausgerichtet werden.

Aber auch bei variablem Tabellendesign mit Prozentangaben lassen sich mit einem kleinen Trick fest definierte Bereiche erzeugen. Der Trick dabei ist die Verwendung einer durchsichtigen Grafik, deren Höhe und Breite so gewählt wird, dass Sie den gewünschten Abstand zwischen den einzelnen Seitenobjekten sozusagen "freisperrt".



 Tabellenprobleme

Allerdings gilt es beim Verwenden von Tabellen zu beachten, dass der Inhalt einer Tabelle erst dann angezeigt wird, wenn alle Tabelleninhalte geladen wurden. Ist der Seiteninhalt sehr Umfangreich, lohnt es sich die Seite in mehrere Tabellen aufzuteilen (z.B. Kopf, Inhalt und Fusszeile). So können Sie Ihren Besuchern schneller etwas sichtbares anbieten und verringern so das Risiko den zukünftigen Kunden gleich wieder zu verlieren.

Selbst wenn das Dokument in mehrere Teilbereiche aufgeteilt ist, kommt man, vorallem bei komplexen Seitenstrukturen, nicht um ineinandergeschachtelte Tabellen herum. Bei einigen Browsern kann dies allerdings problematisch sein. Netscape reagiert z.B. unangenehm auf verschachtelte Tabellen innerhalb eines DIV Blocks...



 Praxis

Wer mehrere Dokumente mit dem selben Layout realisieren will, sollte eine Strukturvorlage erzeugen, in der dann nur noch die Datenbereiche einkopiert werden müssen. So haben dann wirklich alle Dokumente die selbe Struktur und das Risiko Tipp- oder ähnliche Flüchtigkeitsfehler zu produzieren wird reduziert.



 Farbige Rahmen

Farbige Tabellenrahmen und andere Effekte lassen sich mit dem CSS Befehl Border-style erzeugen. Problematisch ist dabei allerdings, dass schon die beiden gängigen Browser nicht alle Angaben dieses Befehls vollständig interpretieren. Um ganz sicher zu gehen, lassen sich solche Effekte auch mit zwei verschachtelten Tabellen erzeugen. Definieren Sie für die Übergeordnete Tabelle einfach ein CELLPADDING von 1 oder 2 Pixeln und die gewünschte Rahmenfarbe als Hintergrund. Wer einen gemusterten Rahmen wünscht, kann die Hintergrundfarbe auch durch eine Grafik ersetzen. Mit einem animierten Farbverlauf lassen sich so auch Rahmeneffekte erzeugen die mit den normalen Border-style Varianten nicht zu realisieren sind.