Inhalt zwischen Header und Footer ganz nutzen

[Nitamud]

Hallo zusammen,

ich habe gerade ein kleines Problem mit meiner Navigationsleiste.
Diese soll den ganzen Raum zwischen dem Header und dem Footer nutzen,
auch wenn der Inhalt nur weniger Raum benötigt.



Hier mal meine bisherige Css (online ist die Seite nicht, ist noch im Anfangsstadium).

* {
    padding: 0;
    margin: 0;
}

#wrapper {
    width: 900px;
    background-color: #FF00FF;
    text-align: left;

}

html, body {
    text-align: center;
}

header,nav,section, footer {
    display: block;
}
nav {
    float: left;
    width: 300px;
    height: 100%;
    background-color: #FFFF00;
}

section {
    width: auto;
    background-color: #800000;
    height: 100%;
}

header {
    margin-top: 50px;
    background-color: #00FF00;
    text-align: right;
    width: 900px;
    height: 150px;
}

Der im Screen pink eingefärbte Teil soll also auch noch zur Navigationsleiste gehören und
deren Hintergrundfarbe bekommen. Leider weiß ich nicht so ganz wie ich das schaffe,
hoffe jemand kann mir da weiterhelfen :)

mfg Nita

 

[djheke]

Nimm doch einfach die Hintergrundfarbe der Navigation raus. Dadurch hat es den Anschein gleichlanger Spalten. Reicht völlig aus.

 

[Nitamud]

Danke,

hat so gut geklappt :)


mfg Nita