Hallo Gunnar,
ich würde Dich nochmals um Rat bitten. Deine beiden Beispiele sind super. Bei dem inline-block kann ich viel lernen. Ersteres Beispiel scheint für mein vorhaben jedoch übersichtlicher. Mit Deinem Vorschlag dem Body padding-top zu gebenläuft nun alles so aus wie ich es möchte.
Das Logo hat eine feste Höhe von 200 px die 3 Divs die Höhe von 100%. Der Overflow Inhalt der Divs ist Scrollbar, die Seite selber hat jedoch keine Scrollbars.
Das einzige woran ich mir nun noch die Zähne ausbeisse ist den Doctype auf einen neueren zu setzen, und den Quriks Mode zu verlassen. Sobald ich auf 4.01 oder XHTML gehe klappt die 100% Höhe der 3 Bereich Divs nicht mehr, und die Seite selber bekommt Scrollbalken. Ich dachte ich könnte dies vermeiden indem ich dem html und body auch 100% gebe. Leider Nein.
Vielleicht hättest Du noch einen Rat?
Herzlichen Dank,
Bert
SO IST ALLES WIE GEWÜNSCHT JEDOCH UNTER VERWENDUNG DES ALTEN DOCTYPE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
body
{
padding-top: 200px;
position: relative;
}
#logo
{
background: #6FF;
height: 200px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.Bereich
{
background: #FC0;
float:left;
width: 33.3%;
height:100%;
overflow-y:scroll;
overflow-x:auto;
}
p{
height:1000px;
}
</style>
</head>
<body>
<div id="logo">logo</div>
<div class="Bereich">A<p></p>ende</div>
<div class="Bereich">B<p></p>ende</div>
<div class="Bereich">C<p></p>ende</div>
</body>
</html>