[kaddo]

Hallo..
Ich habe folgendes Problem mit meinem Design...

[ Link nur für registrierte Mitglieder sichtbar. Bitte einloggen oder neu registrieren ]

Und zwar ist der Seiteninhalt meines Projekts von der Länge her größer als die Navigation. Wie bekomme ich jetzt die rot-gestrichelte Linie (die natürlich den Abstand zwischen Navigation und Footer darstellt!) Weg?
Also kurz: Wie verhindere ich den Abstand zwischen Navigation und Footer?

Meine styles.css -Datei lautet wie folgt:

style{width:100%}
html,body{margin:10;padding:10;backgroundAFFB3}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0px 10px 10px}
a{padding:5px; text-decoration:none; color:#000000;width:100%}
div#header{background-color:red;}
div#header h1{height:100px;line-height:100px;margin:0;padding-left:100px;}
div#container{text-align:left;background:white}
div#content p{line-height:77;margin-right: 60px}
div#navigation{background:#B5FF66;}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none;width=100%}
div#navigation li{margin-bottom:5px; background:white}
div#extra{background:#B5FF66;height:100%}
div#footer{background:#BFBD93;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:900px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navigation{float:left;width:150px;margin-left:-900px;height:100%}
div#extra{float:left;width:150px;margin-left:-150px}
div#footer{clear:left;width:100%;background:#B5FF6 6}

Wobei im Style.css gleich die erste Zeile

style{width:100%}

völlig unbedeutend wäre, da sie anwesend oder nicht keinen Unterschied bring (bei einem anderen Problem ein Versuch gewesen)

Ich würd' mich freuen wenn mir jemand helfen könnte ..
Bitte bekommt keine Krämpfe *lach*. Mit meinen 16Jahren ist mein Wissen noch nicht allzu Groß :>

LG, Kaddo

EDITGRUND: Bild wurde nicht angezeigt

EDIT:
Ah, habe es herausgefunden. Habe im #div der Navigation und im #div extra die höhe von 100% auf 1000px gesetzt.

Aber wie mache ich es, das es Automatisch ist und von Seite zu Seite anders sein kann?

[refLye]

Zeig mal einen etwas größeren Screenshot, ist schwierig, dir zu folgen...

Grob würde ich sagen:
Du machst eine DIV ohne float, nur mit overflow: auto;. In diese DIV kommen zwei weitere, die du nebeneinander floatest (float: left;). In die linke kommt die Navigation, hier wieder ohne float. In der rechten bietest du deine Inhalte an, dort halt, wie du es brauchst.