positionierung/überlappung von divs

Hallo,

bin grad verzweifelt daran, einen Header über meinem Container zu positionieren.

Der Container soll mittig zentriert sein und einen best. Abstand vom oberen Seitenrand besitzen, der Header soll über dem Container liegen, diesen Überlappen und ebenfalls mittig zentriert sein und entweder am Container oder auch am oberen Rand ausgerichtet sein.

Hab schon mit position abolute und relative rumgespielt, das aber nicht zufriedenstellend hinbekommen, das hat sich immer komisch verschoben...

Vielleicht kann mir jemand helfen?

Grüßle,
Svenne

Zitat von Tartanrocker

mit position: absolute kann man normalerweise schon machen, was man will. du musst auf jeden fall auf die verschachtelungen achten.
was genau ist denn dein problem? wie man zentriert weißt du? ne skizze wär nicht schlecht :-D

HTML

#container { margin: 0px auto; top: 10px; position: relative; } 
#header { margin: 0px auto; top: 5px; position: relative; }

HTML

<div id="container"> 
   <div id="header">
   </div>
</div>

hab ich das so richtig verstanden?

Also das zentrieren mit margin auto funktioniert, aber wenn ich den header in den container steck, dann berechnet der mir das top vom container aus - ahhhh! Du hast mich auf was gebracht! Ich nehm dann beim header ein top von -10px oder so, dann verschiebt mir der das nach oben! Perfekt - so funktionierts! Momentan zu mindest^^... Danke - also wenns aus irgendnem Grund wieder schief geht meld ich mich nochmal.

hallo...

da stimmt irgendwie noch nicht alles...

wollte ne navileiste positionieren, was raus kam seht ihr hier:

index_neu.html

Ich schaffe es nicht, den Menüblock an meinen header anzuschließen!

Der css-Teil dazu ist dieser:

/* Positionierung */
#header {
height: 150px;
width: 750px;
margin: auto;
border: 2px solid;
position: relative;
top: -100px;
}

#container {
width: 800px;
border: 0px solid #AF00FF;
margin: auto;
background: url('');
background-color: #FFF;
position: relative;
top: 100px;
}

#menue {
float: left;
width: 175px;
margin: 0 0 0 0px;
text-align: left;
border: 2px solid;
}Hab auch versucht, das zu beheben, indem ich das menue im index einfach über den header schob, doch dann verschiebt sich dessen position...

Gibts Rat?