nicht angemeldet
Hallo,
Ich habe zwei Tabellen, die jeweils in einer Div-Box stehen. Die erste ist position:fixiert, weil Sie Überschriften enthält, die auch dann noch zu sehen sein soll, wenn man die 2. Tabelle (große Tabelle) herunterscrollt.
Mein Problem ist es jetzt, dass beide Tabellen auch noch zu breit sind. Die Darstellung geht also nach rechts und auch nach unten raus.
Wenn ich nun den Scrollbalken nach rechts ziehe, bleibt die ober Tabelle fixiert, was sie ni dem Moment ja nicht soll. Nach Links/Rechts darf sie schonscrollen, halt nur nicht nach Oben und unten.
Kann man das irgendwie einstellen - Wie?
folgend ein Beispiel zum besseren Verständnis:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Testumgebung</title>
<style type="text/css">
#fixiert {
position: absolute;
top: 10px; left:10px; z-index:1;
}
html>body #fixiert {
position: fixed;
}
#Inhalt {
position: absolute;
top: 50px; left: 10px; z-index:0;
}
</style>
</head>
<body>
<div id="fixiert">
<table border="1" style="table-layout:fixed" bgcolor="red">
<tr>
<td width="500"><center>Inhalt 1</center></td>
<td width="524"><center>Inhalt 2</center></td>
<td width="500"><center>Inhalt 3</center></td>
</tr>
</table>
</div>
<div id="Inhalt">
<table border="1" style="table-layout:fixed" bgcolor="green">
<tr>
<td width="500" height="900"><center>Inhalt 1</center></td>
<td width="100" height="900"><center>Inhalt 2</center></td>
<td width="100" height="900"><center>Inhalt 3</center></td>
<td width="100" height="900"><center>Inhalt 4</center></td>
<td width="100" height="900"><center>Inhalt 5</center></td>
<td width="100" height="900"><center>Inhalt 6</center></td>
<td width="500" height="900"><center>Inhalt 7</center></td>
</tr>
</table>
</div>
</body>
</html>
suit