Herbert mit den großen Ohren und dem kleinen Kinn: Layout

Beitrag lesen

SELF-Forum

Layout

Herbert mit den großen Ohren und dem kleinen Kinn

Guten Morgen,

ich bin gerade im Begriff mein Layout von Tabellen auf CSS umzustellen.

Das Layout soll so aussehen:

-------------
     Top
-------------
   |     |
 L |  M  | R
   |     |
-------------
    Bottom
-------------

Dazu habe ich folgendes Sheet geschrieben, dass nicht hinhaut, weil der Mittelteil die Linke Spalte teilweise überlagert:

body
{
  padding: 0px;
  margin: 0px;
}

#top
{
  height: 100px;
  margin: 10px;
}
#inhalt
{
  position: absolute;
  top: 250px;
  width: 50%;
  margin-left: 25%;
  margin-top: 20px;
  }

#links
{
  position: absolute;
  top: 250px;
  left: 5px;
  width: 25%;
  height: 300px;

}

#rechts
{
  position: absolute;
  top: 250px;
  right: 5px;
  width: 25%;
  height: 300px;

}

#bottom
{

}

Wie muss ich den "bottom" gestalten? Ich kann ihn ja nicht von oben referenzieren.