Da habe ich nichts gefunden was ich auf mein Problem direkt beziehen könnte.
Hier ist die Seite:
http://home.arcor.de/tobi.87/test_page.html
Dieser ewig lange Text in dem content-div verursacht natürlich bei allen Browsern eine Scrollbar. Genau das will ich aber vermeiden.
Was ich möchte ist folgendens:
Der content-div soll nicht über den unteren Rand des Brwoser hinaus gehen, sodass der Browser nicht auf die Idee kommt eine Scrollbar zu machen.
Damit man aber den Text lesen kann der nicht drauf passt, soll der content-div eine eigene Scrollbar bekommen.
Diese Scrollbar scrollt dann nur den langen Text und alles andere bleibt stehen (Navigation und Titellesite bleiben stehen, was ja jetzt nicht der Fall ist).
Hier ein Muster wie es aussehen soll:
Hier meine Dateien:
HTML
Code:
<body>
<div id="header">
<h1>Test_Page</h1>
</div>
<div id="navigation">
Link
<h1>Kategorie1</h1>
Link1
Link2
</p>
<h1>Kategorie2</h1>
Link1
Link2
Link3
</p>
<h1>Kategorie3</h1>
Link1
Link2
</p>
<h1>Kategorie4</h1>
Link1
Link2
Link3
</p>
</div>
<div id="content">
</div>
</body>
CSS (wichtigeste Teile):
Code:
#header, #navigation, #content
{
background-color: #300;
padding: 5px;
margin: 0;
}
#header
{
margin-bottom: 5px;
}
#navigation
{
width: 200px;
margin-right: 5px;
float: left;
}
#content
{
overflow: auto;
height: 100%;
}