CSS: Boxenlayout korrekt positionieren!

[Lotus]

So und jetzt erklaer nochmal pls anhand der Farbe wo genau der Fehler ist.. perfekt wäre es auch noch, wenn du den in die unterschiedlichen Boxen noch ne kurze Zahl wie:
#1
#2
etc schreiben könntest, damit man leichter zuordnen kann

[Psycot-X]

http://atomicfish.at.funpic.de/

So, ich hab jetzt schonmal ein bisschen das Layout hinzugefügt.
Ich hoffe, es ist jetzt deutlich genug, was was darstellt.
Mit dem Hintergrund bin ich noch nicht zufrieden, mal schaun was das noch wird.

Wenn du dir die seite anschaust, wirst du feststellen, dass sie durch die Höhenangabe von 100% unten über den Container angezeigt wird.
Und zwar genau um die Gesamthöhe des Headerbereichs.
Wenn ich jetzt diese Höhenangabe einfach weglasse und später mehr Inhalt als eine Seite drauf hab, würde das selbe passieren.
Ich will aber, dass sich dann der Container mit ausdehnt und nicht starr bleibt.

[MalcolmYoung]

bei was mitwachsen??

[MalcolmYoung]

versuchs mal mit overflow: visible(dann steht des innere Element über), wenn DER effekt gewünscht ist

[Psycot-X]

Auf diesem Bild siehst du folgendes:
2 Container, einer mit "zerstückeltem" grauen Rand und einer mit nahezu schwarzer Umrandung.
Der letztere, innere Container sollte nur bis zum dem mit dem grauen Rand gehen und zu diesem noch 5 Pixel Rand lassen.

*edit:
So, ich habe deine Vorschlag ausprobiert.
overflow: visible; ist der Standardwert, müsste also nicht definiert werden... also hat sich mit diesem Wert auch nichts geändert. Ich habe seie Variationen ausprobiert und mit keinem Wert kann ich mein gewünschtes Ergebnis erzielen.

[Lotus]

Welchen browser benutzt du? bei mir sieht das naemlich ganz und gar nicht so extrem aus wie bei deinem bild...

was ist denn, wenn du die height auf auto setzt? und den abstand dann über padding oder margin (was auch immer jetzt nochmal genommen wird) machst? die beiden container müssen natürlich voneinander abhängen sich denke ich..

[Psycot-X]

Das es nicht mehr so extrem ist, liegt daran das ich schon ein paar Änderungen am Design vorgenommen habe, es ist jetzt nicht mehr so extrem, aber trotzdem störend. Ich benutze Firefox

Die korrekten margin und padding Abstände habe ich von vornherein für jedes Element auf 0 gesetzt und dann wenn von Nöten anders gesetzt.
Eigentlich habe ich sie bei allen Elementen korrekt gesetzt.
ich probiere height:auto; einfach mal aus...

Die Container sind in der HTML-Datei korrekt ineinander verschachtelt.

ich probiers gleich mal aus.