CSS
Diese Seite drucken Hier können Sie uns eine Emaiil schreiben zurück Zur Übersicht vorwärts Links | Archiv   Letzte Änderungen 05.12.2019
     
Tabellenzellen mit Rollbalken

Die Beispieltabelle unten links bringt es auf drei Zellen. Ungewöhnlich allein ist die Mittlere. Sie verfügt über einen eigenen Rollbalken.

Möglich wird das durch 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.

Zelle
Dies ist der Seiteninhalt, toll oder? Dies ist der Seiteninhalt, toll oder? Dies ist der Seiteninhalt, toll oder? Dies ist der Seiteninhalt, toll oder?
Zelle

<table border="1" cellspacing="0" cellpadding="4"><tr bgcolor="#FFFF00"><td>Zelle</td></tr><tr bgcolor="#CCCCCC"><td style="width: 100px; height: 100px;"><div style="width: 100%; height: 100%; overflow : auto;">Inhalt</div></td></tr><tr bgcolor="#FFFF00"><td>Zelle</td></tr></table>

 

Die Codierung ist etwas schwerfällig. Der Text muss in ein <div> Element eingebettet werden. Dieses erhält ebenso wie die Tabelle, in die es zu liegen kommt, eine Breite und eine Höhe von 100 %. 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. (sl)