Hallo,
ich möchte eine Seite mit CSS erstellen, die auf der linken Seite eine Navigationsleiste hat, welche mindestes 100% an Höhe haben soll.
Also egal wie viel Inhalt auf der linken Seite (Content-Bereich ist) die Navigationsleiste soll immer bis zum unteren Ende der Seite reichen.
Für diese Funktion habe ich die CSS-Eigenschaft min-height gefunden. Hier ist die Seite und nachfolgend die CSS-Eigenschaften:
<div class='site'>
<div class='sidebar'>
Navigationsleiste
</div>
<div class='main'>
inhalt
</div>
</div>
div.site {
position:absolute;
top:0px;
left:0px;
width:740px;
min-height:100%;
border:1px solid #F00;
}
div.sidebar {
float: left;
width: 170px;
min-height:100%;
background-color:#FE0;
}
Habe ich irgendeinen Fehler in dem Codeausschnitt oder gibt es vielleicht sogar eine elegantere Methode (ich möchte Tabellen weitgehest vermeiden)?