CSS-Layout

[Auge]

Hallo

Folgendermaßen soll es aussehen:

Überschrift
-----------Abtrennung-----------
|------------||---------------|
|            ||               |
|            ||               |
|            ||  Box2         |
|    Box1    ||               |
|            ||               |
|            ||---------------|

-----------Abtrennung-----------

Das Problem ist, dass mal box1 und mal box2 "länger" sein kann, der Footer sich aber immer nach dem längeren ausrichten soll und das kriege ich irgendwie nicht hin. Mal hängt er am kürzeren, mal ist er nicht so breit wie der Bildschirm.

Dann lies mal http://de.selfhtml.org/css/layouts/mehrspaltige.htm, darin besonders http://de.selfhtml.org/css/layouts/mehrspaltige.htm#kopf_fuss.

• muss ich die <div>s noch irgendwie verschachteln?

Nein. Dass du ein paar deiner Elemente nicht einmal zwingend brauchst, hat dir Ingo schon mitgeteilt.

• wie muss ich den footer ausrichten "relative oder absolute und woran?

Mit float:left|right; für die Inhalts-<div>s und clear für den Footer geht es noch flexibler, wie dir auch der oben verlinkte Artikel vermittelt.

SELFHTML: float
SELFHTML: clear

Tschö, Auge