ChrisB: 4 spaltiges Layout mit fixen Werten, Vorgehensweise?

Beitrag lesen

Hi,

Mein Problem ist momentan noch das ich das einfach nicht kapier wonach sich "absolute" und "relative" orientiert. Also an welchen Elementen sie sich ausrichten.

position:relative bezieht sich auf die Position, die das Element im "normalen" Fluss einnehmen wuerde, also grob gesagt "da wo es jetzt ohne position eh schon ist". Damit kannst du das Element gegenueber dieser Normalposition verschieben - wobei der urspruenglich von ihm eingenommene Platz weiterhin reserviert bleibt [1].

position:absolute nimmt ein Element aus dem Fluss, aehnlich(!) wie float - es beeinflusst also die Lage nachfolgender Elemente im normalen Fluss nicht mehr, liegt sogesehen "drueber" (oder drunter).
Absolute Positionierung richtet sich nach der Position des naechsten Vorfahrenelements, dessen position-Wert vom Defaultwert static abweicht (das also seinerseits relative, absolute oder fixed positioniert ist). Wenn es kein solches gibt, dann richtet sie sich nach dem Viewport ("Anzeigebereich", in dem der Browser die Webseite darstellt).

Nu' klarer?

[1] Okkult gesprochen:
    table { position:relative; top:...; left:...; }
    ist Tischerücken fuer Anfaenger :-)

MfG ChrisB