Webdesign – Cascading Stylesheets
Tabellenzellen mit Rollbalken

DeveloperIT-ProjekteOffice-AnwendungenSoftware

Mit ein paar CSS-Tricks können Sie bei Tabellen auch außergewöhnliche
Effekte erzeugen. So lassen sich zum Beispiel Tabellenzellen mit viel Inhalt
mit Rollbalken versehen.

Rollbalken ___

Um eine Tabellenzelle mit Rollbalken zu versehen, benötigt man das CSS Element overflow: auto. Reicht der Platz nicht mehr aus, um den Inhalt komplett darzustellen, wird dieser nicht etwa abgeschnitten, sondern ein Rollbalken aus dem Fundus hervorgezaubert. Und das ganz ohne Frames oder sonstige Tricks. Testen kann man dies mit folgender Beispieltabelle:

Zelle
Inhalt

Zelle

Die Codierung ist etwas schwerfällig. Der Text muss in ein div -Element eingebettet werden. Dieses erhält ebenso wie die Tabelle, in der es zu liegen kommt, eine Breite und eine Höhe von 100 Prozent. Mehr ist nicht notwendig. Allerdings muss man auf die umgebenden Zellen achten und gegebenenfalls auch hier eingreifen. Ältere Browser mögen diese Technik nicht und sind überfordert. Sie neigen dazu, ein Durcheinander anzuzeigen.

Autor: swasi
Anklicken um die Biografie des Autors zu lesen  Anklicken um die Biografie des Autors zu verbergen