nicht angemeldet
Hallo,
Im absoluten Notfall könnte man noch ein zusätzliches DIV reinschachteln, dass die benötigten Abmessungen per width:auto erhält. Da rein packt man dann die Tabelle mit width:100%
Daran hatte ich auch schon gedacht, da könnte ich auch mit leben. Meine Versuche führen aber leider (neben der Scrollbar vom div) zu einer weiteren horizontalen Scrollbar (vom Viewport) im IE. Scheinbar "sprengt" genau die breite der div-Scrollbar die Darstellung im IE.
So hatte ich es versucht, war es das was du meintest?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test: Scrollbare Tabelle</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style type="text/css">
html,body {
margin: 0;
padding: 0;
border: 0;
}
.scrolltest {
width: auto;
height: 200px;
overflow: auto;
background-color: yellow;
}
</style>
</head>
<body>
<h1>scrollbare Tabelle</h1>
<div class="scrolltest">
<table style="background-color: silver; width: 100%;">
<tr>
<td>Eins</td>
<td>Eins</td>
</tr>
<tr>
<td>Test</td>
<td>Zwei</td>
</tr>
<tr>
<td>Drei</td>
<td>Drei</td>
</tr>
<tr>
<td>Vier</td>
<td>Vier</td>
</tr>
<tr>
<td>Eins</td>
<td>Eins</td>
</tr>
<tr>
<td>Zwei</td>
<td>Zwei</td>
</tr>
<tr>
<td>Drei</td>
<td>Drei</td>
</tr>
<tr>
<td>Vier</td>
<td>Vier</td>
</tr>
<tr>
<td>Eins</td>
<td>Eins</td>
</tr>
<tr>
<td>Zwei</td>
<td>Zwei</td>
</tr>
<tr>
<td>Drei</td>
<td>Drei</td>
</tr>
<tr>
<td>Vier</td>
<td>Vier</td>
</tr>
</table>
</div>
</body>
</html>
Viele Grüße
Daniel