Scrollbar in einer Tabelle

[Legolas]

Habe mich im Forum durchgelesen, auch die Lexihelp usw. und es so gemacht wie beschrieben, dennoch bekomme ich keine Scrollbar hin.

Tabelle für die Startseite:

Code:

<table border="1" width="100%">
<tr>
<td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>WETTER</strong></div> </td><td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>LINKS</strong></div> </td><td align="left"><div style="margin:auto;text-align:center;width:100%"> <strong>NEUIGKEITEN</strong></div> </td>
</tr><tr>
<td align="left"><div style="margin:auto;text-align:center;width:100%">
TEXT</div>
 </td><td align="left"><div style="margin:auto;text-align:center;width:100%">
TEXT
</div>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
TEXT
 </div>
</td>
</tr>
</table>

Dann den Code für die Formatierung einer Scrollbar in ein Feld eingefügt:

Code:

<div class="scroll">
...Inhalt...
</div>

Code:

<table border="1" width="100%">
<tr>
<td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>WETTER</strong></div> </td><td align="left"> <div style="margin:auto;text-align:center;width:100%"><strong>LINKS</strong></div> </td><td align="left"><div style="margin:auto;text-align:center;width:100%"> <strong>NEUIGKEITEN</strong></div> </td>
</tr><tr>
<td align="left"><div style="margin:auto;text-align:center;width:100%">
TEXT</div>
 </td><td align="left"><div style="margin:auto;text-align:center;width:100%">
TEXT
</div>
</td><td align="left"><div style="margin:auto;text-align:center;width:100%">
<div class="scroll">
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 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 TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT
</div>
 </div>
</td>
</tr>
</table>

und dann noch im CSS den angegebenen Code eingefügt:

Code:

.scroll {
background: #ff8e00;
height: 150px;
overflow: scroll;
width: 200px;
border: 1px solid #000;
padding: 10px;
}

Die Scrollbar erscheint trotzdem nicht.

[darkgronaddel]

Habe das ganze mal in den richtigen Bereich verschoben.

Wo hast du die Codes her? Würdest du dieses Thema dazu hier noch bitte verlinken? Danke.