[mcbethy]

Ich brauche mal einen Tipp von den CSS-Spezialisten unter euch.

Folgendes Beispiel:




Der Header, hat eine feste Höhe.
Die Spalten (2 und 3) sollen sich 8px unter dem Header befinden.
Die Höhen dieser sollen sich am Browser orientieren,
d. h. die Spalten am Browserrand unten abschließen.
Wenn ich den Spalten die Höhe 100% verpasse, wird ja zu den 100%
die Header-Höhe und der margin-Wert dazugerechnet, was unerwünscht ist...

Kennt jemand eine Tricki-Lösung oder kann mit hilfreichen Links aushelfen?
Bisher bin ich noch nicht dahintergestiegen, wie man das mit CSS realisiert.

Danke!

[13pixelchen]

negativer Margin?

[mcbethy]

Hm, ok. Danke.

Es funktioniert tatsächlich, wenn ich dem html- und body-Element einen negativen Wert bei margin-bottom gebe.

[13pixelchen]

Hm, jetzt überlege ich grade, warum so das Problem der nicht gleich hohen DIVs lösbar wäre, wenn man zwei DIVS in ein Container DIV reintut, denen 100% gibt, oder 90% oder wie auch immer.

[mcbethy]

Weiß nicht, mit Prozentangaben habe ich bisher keine guten Erfahrungen gemacht.
Aber mir ist auch nicht ganz klar, was genau du meinst.

[13pixelchen]

Ein Problem aus einem Nachbarthread. Egal.

[Seashore]

Müßte es nicht so gehen wie hier?
http://www.css4you.de/wslayout1/ex0001.html

[way2hot]

http://www.themaninblue.com/writing/perspective/2005/08/29/

Ausschlaggebend hierbei ist, dass der Footer außerhalb des 100%-Elements liegt und dann per negativem Margin über diesen gezogen wird. Muss dann nur entsprechend Platz am ende des Content-Bereichs vorgesehen werden.