nicht angemeldet
Layout in der Höhe bis Bildschirmunterkante mit css?
Hallo zusammen,
ich möchte folgendes erreichen:
Ein Layout welches, in der Breite 760 pixel hat, der Top-Bereich eine Höhe von Beispielsweise 100 pixel und der Rest nach unten hin immer die volle Bildschirmhöhe bzw. bis zum unteren Bildschirmrand einnimmt. Das ganze möchte ich mit Div Containern lösen. Bis jetzt schaffe ich das aber leider nicht. Der untere Bereich nimmt immer mehr als 100% der Höhe ein, so dass vertikal immer ein Scrollbalken entsteht, obwohl ich noch keinen Text in der Seite habe. Wer kann mir eventuell den Anfangscode als Beispiel posten.
Hier mein Versuch:
<html>
<head>
<style type="text/css" media="screen"><!--
body { margin: 0px; padding: 0px; height: 100% }
html { margin: 0px; padding: 0px; height: 100% }
#Ebene1 { background-color: #000; width: 760px; height: 100px }
#Ebene2 { width: 100px; height: 100%; background-color: blue }
--></style>
</head>
<body bgcolor="#ffffff">
<div id="Ebene1"></div>
<div id="Ebene2"></div>
</body>
</html>
Gruss und Danke
julinus
-
Hi
Ich würde dem ersten <div> die style-Eigenschaften "position:absolute; left:0; top:0; height:100px;" verpassen und dem zweiten "height:100%; padding-top:100px;".
Gruß,
wiberg-
Hallo wiberg,
Ich würde dem ersten <div> die style-Eigenschaften "position:absolute; left:0; top:0; height:100px;" verpassen und dem zweiten "height:100%; padding-top:100px;".
Und wíe mache ich das, wenn ich das ganze mittig zentrieren möchte? Dann kann ich doch mit absoluten Angaben nichts anfangen. Wie würde es dann aussehen?
Gruss
Julinus
-