Absolute Positionierung

[Auge]

Hallo

Der nachfolgende Code zeigt den letzten Stand --> beide Boxen sind absolut.

div#header {
    position: absolute;
             margin: 50px auto 0 auto;
             border-top: 1px solid black;
             border-bottom: 1px solid black;
             background: #FFFFFF;
    width: 800px;
    height: 118px;
     }

Es fehlen die Angaben zu topund left. Du bekommst damit aber Probleme, deinen Header mittig anzuzeigen.

Besser ist es, position:relative; ohne Angabe zu top und left eizusetzen. Damit ist das Element aus dem normalen Dokumentfluss genommen, behält aber, wegen der fehlenden Positionsangaben, seine natürliche Position bei.

Deine 'greybox' wird nun absolut zum Elternelement positioniert.

Tschö, Auge