Hallo, ich habe eine Frage zu einem CSS-Beispiel, siehe Code unten...
Und zwar wird bei diesem Beispiel mittig ein scrollbarer Textbereich angezeigt, jedoch ist der untere Scrollpfeil nicht sichtbar!
Ich weiß sogar, warum der Scrollpfeil nicht sichtbar ist: Das leigt am
overflow:hidden im äußersten Container.
Aber wie schaffe ich es denn sonst, einen Scrollbereich in der Mitte zu haben wobei die Seite insgesamt nur 100% des Browserfensters groß sein darf?
HTML-Code:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de-de" lang="de-de" dir="ltr" >
<head>
<title>test</title>
</head>
<body>
<div style="border:2px solid black; height:100%; overflow:hidden">
<div style="clear:both"><p>OBEN test</p></div>
<div style="float:left; width:33.33%"><p>LINKS test</p></div>
<div style="float:left; height:100%; width:33.33%; overflow-y:auto">
<p>MITTE test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc test 123 abc </p>
</div>
<div style="float:left;width:33.33%"><p>RECHTS test</p></div>
</div>
</body>
</html>