Scrollbar in Tabellenzelle
Ingmar Kühn
- javascript
0 MudGuard
Hallöchen allerseits.
Ich habe ein Problem mit den verschiedenen Browsern (Netscape, Opera und Mozilla). Und zwar habe ich in einer Tabelle ein Skript benutzt, dass es mir ermöglicht, bei größeren Inhalten einen Scrollbar an der Seite zu erzeugen ohne dass die Zelle zerschossen wird. Im IE klappt das auch ganz toll, aber in den anderen Browsern wird mir noch zusätzlich ein horizontaler Scrollbalken - der absolut unnötig ist und nicht gebraucht wird - angezeigt und das scrollen mit dem Mausrad tut nicht mehr. Vielleicht weiß jemand von Euch eine Lösung. Danke schön! Gruß Ingmar.
Hier noch das Skript:
<html><head>
<style type="text/css">
div.news
{
width:305px;
height:300px;
overflow:scroll;
overflow-x:hidden;
overflow-y:auto;
}
</style>
</head>
<body>
<div class="news">
<table>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>toll</td></tr>
<tr><td>ganz toll</td></tr>
<tr><td>ganz toll</td></tr>
<tr><td>ganz toll</td></tr>
<tr><td>ganz toll</td></tr>
<tr><td>ganz toll</td></tr>
<tr><td>ganz toll</td></tr>
<tr><td><b>spitze</b></td></tr>
</table>
</div>
</body>
</html>
Hi,
Und zwar habe ich in einer Tabelle ein Skript benutzt,
Warum zeigst Du das script dann nicht?
dass es mir ermöglicht, bei größeren Inhalten einen Scrollbar an der Seite zu erzeugen ohne dass die Zelle zerschossen wird.
Im IE klappt das auch ganz toll, aber in den anderen Browsern wird mir noch zusätzlich ein horizontaler Scrollbalken - der absolut unnötig ist und nicht gebraucht wird - angezeigt und das scrollen mit dem Mausrad tut nicht mehr.
Hier noch das Skript:
Hier ist kein Skript.
<html><head>
Doctype fehlt.
<style type="text/css">
div.news
{
width:305px;
height:300px;
overflow:scroll;
Hier definierst Du für ein div, daß beide Scrollbars anwesend sein sollen.
overflow-x:hidden;
overflow-y:auto;
Diese zwei Zeilen haben nichts mit CSS zu tun.
}
</style>
</head>
Das title-Element im head fehlt.
<body>
<div class="news">
<table>
<tr><td>toll</td></tr>
[zig überflüssige Tabellenzeilen entfernt]
</table>
</div>
</body>
</html>
Also ich seh nichts, was einen Scrollbar in einer Tabellenzelle verursachen könnte...
cu,
Andreas