johannes: layout mit position:absolute und top, bottom, left, right.

Beitrag lesen

Hallo Detlef,

das Beispiel ist perfekt! Vielen Dank :-)

Ich verstehe zwar auf die Schnelle noch nicht warum es ohne "fixed" funktioniert, aber irgendwann wird der Groschen (das 5-Cent-Stück ;-) hoffentlich fallen.

ganz einfach:
Mit position:absolute; , top:$wert; left:$wert; right:$wert und bottom:$wert;
Siehe auch http://de.selfhtml.org/navigation/css.htm#positionierung

(Warum das allerdings auch im ie funktionert, weiß ich auch nicht,
da dieser IMHO zwar zb. top: und left: akzeptiert, aber nicht top: und bottom: "gleichzeitig", ist das verständlich?)

relevanter code:
}
#aussen {
 position:absolute;
 top:5px;
 right:5px;
 bottom:5px;
 left:5px;
}
#kopf {
 height:100px;
}
#container {
 position:absolute;
 top:120px;
 right:0;
 bottom:100px;
 left:0;
}
#inhalt {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:200px;
}
#navi {
 position:absolute;
 top:0;
 width:200px;
 bottom:0;
 left:0;
}