Max: CSS-Layout

Beitrag lesen

Hallo,

ich verzweifel gerade an einem CSS-Layout vielleicht kann mir ja jemand helfen.
Folgendermaßen soll es aussehen:

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

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

als Quelltext dachte ich an:
<div id="header">
 <h1>Überschrift</h1>
 <hr>
</div>
<div id="box1"></div>
<div id="box2"></div>
<div id="footer">
 <hr>
 <p>Copyrighthinweis</p>
</div>

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.

  • muss ich die <div>s noch irgendwie verschachteln?
  • wie muss ich den footer ausrichten "relative oder absolute und woran?

Danke,
Max