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.

[Jan]

Hallo,

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

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

Ich würde diesen bereich nicht absolut positionieren sondern im fluss an dem bereich #top anschliessen lassen und den bereich #bottom wiederum an den inhaltsbereich.

#inhalt{margin:2% 26% 0 26%;}

eventuell noch mit min-height:...; versehen und etwas trickserei damit im ie und anderen alten browsern min-heigth:...; simuliert wird.

Gruss, Jan aus Dresden