nicht angemeldet
Hallo an alle die mir helfen können,
ich habe zwei kleine Problemchens. Zunächst ersteinmal das erste:
Ich habe zwei Tabellen, die ich untereinander darstellen möchte, wobei die obere Tabelle fixiert sein soll, was ich mit <div> zu realisieren versuchte.
Die zweite Tabelle ist etwas höher, sodass ein Scrollbalken aktiviert wird.
Wenn man nun aber den Balken betätigt, um das Ende der 2. Tabelle zu sehen, scrollt die 2. Tabelle hinter die erste, was ich eigentlich nicht so gerne möchte. (siehe Quelltext)
---------------------------------------------------------------------------
<html>
<head>
<title>Testumgebung</title>
<style type="text/css">
#fixiert {
position: absolute;
top: 10px; left: 10px;
}
html>body #fixiert {
position: fixed;
}
#Inhalt {
position: absolute;
top: 50px; left: 10px;
}
</style>
</head>
<body>
<div id="fixiert">
<table border="1" style="table-layout:fixed">
<tr>
<td width="50"><center>Inhalt 1</center></td>
<td width="524"><center>Inhalt 2</center></td>
<td width="50"><center>Inhalt 3</center></td>
</tr>
</table>
</div>
<div id="Inhalt">
<table border="1" style="table-layout:fixed">
<tr>
<td width="50" 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="50" height="900"><center>Inhalt 7</center></td>
</tr>
</table>
</div>
</body>
</html>
---------------------------------------------------------------------------
Am besten wäre es, wenn es wie mit einem Frame zwar schon hinter die 1. Tabelle scrollt, allerdings nicht sichtbar.
Wie kann ich das erreichen?
Vielen Dank für hilfreiche Tipps
suit