divs übereinander

[marcus]

hallo zusammen,

folgender code:

<div id="headwrapper" style="height:172px;">
<div style="position:relative;left:0px;top:0px;height:172px;">
<div style="left:0px;position:relative;float:left;background-color:#403f2e;height:23px;width:1008px;margin-bottom:1px;"></div>
<div style="left:0px;position:relative;float:left;background-color:#ffffff;height:149px;width:1008px;background-image: url(/images/BILD1.jpg);background-repeat:no-repeat;"></div>
</div>
<div style="position:absolute;top:0px;width:1008px;">
<div style="left:30px;top:5px;position:relative;float:left;"><img src="/images/BILD2.gif" border="0"></div>
<div style="left:790px;top:12px;position:relative;float:left;"><img src="/images/BILD3.gif" border="0"></div>
</div>
</div>

"headwrapper" ist mittig ausgerichtet.
die ersten beiden inneren divs sollen übereinander liegen, erst ein grauer balken und dann das BILD1 darunter (muss als BG sein, weil in den div noch was rein soll).

die beiden zweiten inneren divs sollen zwei grafiken (BILD2, BILD3) ÜBER den verlauf der ersten beiden layer legen.

der o.g. code funktioniert unter FF auch recht gut, so wie es sein soll, nur IE zickt rum, vermutlich weil ich beim zweiten inneren container position=absolute gesetzt habe, was aber ohne dazu führt, dass auch FF nicht mehr klarkommt :-(

ist mein ansatz komplett falsch oder hab ich nur ne kleinigkeit vergessen? oder gehts so gar nicht?

bin für jeden tip dankbar.

danke und gruß
marcus

[Matze]

Hallo marcus!

Hab den Text jetzt zwar nur überflogen, aber benutz doch überall position:absolute und z-index.

Grüße, Matze

[marcus]

hi matze,

das geht nicht, weil das umschliessende div mittig ausgerichtet ist und bei der verwendung von "absolute" würden die elemente keinen bezug mehr zu dem mittig ausgerichteten kasten haben (kenne dann ja die x-koordinaten nicht, wo ich hin will) :-(

ich möchte auch keine variante, wo ich erst wild die eckdaten per javascript ermitteln muss, das is auch doof.

gehts nicht irgendwie per css?

gruß
marcus

[Matze]

Hi marcus!

Wenn ich nicht irre, sollte es reichen wenn du dem übergeordneten DIV
auch position:absolute gibst. Dann bestimmst du bei den untergeordneten
die relative Position dazu. Kann mich aber auch irren ;-)

Grüße, Matze

[Cheatah]

Hi,

bei der verwendung von "absolute" würden die elemente keinen bezug mehr zu dem mittig ausgerichteten kasten haben

<Gebetsmuehle>
Die absolute Positionierung richtet sich nach dem innersten Vorfahren-Element, welches eine von "static" unterschiedliche position-Angabe besitzt; bei Nichtvorhandensein eines solchen nach dem Viewport.
</Gebetsmuehle>

Cheatah