nicht angemeldet
Meine Seite ist in drei Frames aufgeteilt.
-------------
| | |
| |---------
| | |
| | |
| | |
| | |
-------------
In dem unteren rechten Frame wird eine Tabelle dargestellt.
Die Überschriften dieser Zeile sollen fixiert werden, während der Inhalt der Tablle scrollt.
Dieses Problem habe ich folgendermaßen gelöst:
<html>
<head>
<style type="text/css">
html, body {
overflow: hidden;
}
</style>
</head>
<body>
<div style="position:relative;">
<!-- Teil, der fixiert werden soll -->
</div>
<div style="position:relative; overflow:auto; height:100%; ">
<!-- Teil der scrollen soll -->
</div>
</body
</html>
Das 'overflow:hidden' habe ich eingefügt um einen doppelten Scrollbalken zu unterbinden.
Das eigentliche Problem war, dass der Scrollbalken nicht komplett angezeigt wurde. Also habe ich die Höhe der <div>-Bereiche entsprechend abgeändert:
<div style="position:relative; height:10%; "> und
<div style="position:relative; height:85%; ">
wenn ich insgesamt 100% wähle, verschwindet auch ein Teil des Scrollbalkens. Wenn das Fenster zu klein ist, bleibt das Ende versteckt und wenn ich das Fenster größer mache, vergrößert sich auch der Abstand des Scrollbalkens zum Fensterende.
vielleicht hat noch jemand eine andere Möglichkeit, wie ich den Scrollbalken immer vollständig darstellen kann.
Danke euch, Steffi