Scrolling im DIV-Container
Maex
- css
0 T-Rex
Hallo zusammen,
ich habe eine weitere Frage zum Thema DIV-Container. Und zwar habe ich in einem DIV-Container, der eine variable Höhe hat, drei weitere DIV-Container platziert. In einem soll der Text der jeweiligen Internetseite stehen und dort will ich auch scrollen können, wenn die Inhalte etwas länger sind. Leider werden bei längeren Texten keine Scrollbalken gesetzt, sondern der DIV-Container verlängert sich einfach unerwünscht nach unten. Wie muss ich das richtig programmieren?
#menucontentrahmen {
position: absolute;
bottom: 81px;
width: 705px;
left: 560px;
height:75%;
min-height: 565px;
padding: 0px;
margin: 0px;
}
#menubox {
width:705px;
height:80px;
float:right;
}
#menu {
text-align: right;
padding-right: 10px;
}
#menuschwarz {
width: 4px;
height: 80px;
background: #000000;
float:right;
}
#content {
overflow: auto;
float:left;
display: block;
padding: 0px;
padding-top: 10px;
padding-bottom:0px;
}
HTML:
<div id="menucontentrahmen">
<div id="menubox">
<div id="menuschwarz">
<img src="images/space.gif">
</div>
<div id="menu">
Links zu den Unterseiten
</div>
</div>
<div id="content">
Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test
Test Test Test Test Test Test Test Test Test Test Test Test Test Test Test
Test Test Test Test Test Test Test Test Test Test Test Test T
</div>
</div>
Und kann es sein, dass das ganze im IE 6 nicht läuft? Mit Firefox usw. klappts aber.
Herzlichen Dank für eure Hilfe und noch ein schönes Wochenende!
gruß
Max
Hi,
ganz einfach du musst dem Div-Container mit dem Scrollbalken eine Höhe geben.
Zudem würde ich overflow-x benutzen, dann bekommst du nur an der rechten Seite den Scrollbalken angezeigt.
Gruß
T-Rex