✔ Abstand zur unteren Kante definieren

[Ogre]

Aloah,

Ich bin gerade dabei ein neues CSS-basiertes Layout zu entwickeln und stelle mir dabei eine Frage, deren Antwort ich noch nicht so ganz gefunden habe. Aber erstmal zu dem bisherigen Aufbau:

Wichtig für meine Frage ist nur der Main-Container.
Ich skizziere das mal folgendermaßen, wie es derzeit aussieht:

[Obere Browserfensterkante]
#20px frei#

[Container]

[Untere Browserfensterkante]

Der Container selbst hat das Attribut height=auto;. Sprich: Seine länge passt sich dem Inhalt an - so möchte ich das haben. Den Abstand zur Oberen Browserkante habe ich durch Margin-top:20px; erzeugt.

Ich möchte nun aber, dass der Container nicht einfach bis ganz runter zum Rand reicht, sondern ,dass da noch ein Stück platz ist. Ich habe es bisher mit Margin-bottom:20px versucht, aber das klappt nicht.


Bitte um Hilfe,
Danke, Ogre.

 

[Maik]

Ich weiss jetzt nicht, ob ich dich richtig verstanden habe, aber vielleicht helfen dir die vorgestellten Techniken in dem Tutorial Tabellenloses Basislayout mit fixierten und separat scrollbaren Blöcken weiter?

 

[Ogre]

Nein, das hat nicht geholfen.

Aber ich hab die Lösung gefunden:

<div id="Container"> <--- Unsichtbar

<div id="Inhalt"></div>

<div id="footer"></div> <---- Unsichtbar

</div>



So geht das

 

[gsyi]

Mit padding-bottom:20px solls klappen...