nicht angemeldet
Allerdings bedeutet das, das es bei dir funktioniert ...
nein - es war wie gesagt "ratemodus" interessant wäre ein online-beispiel (zum anschauen im browser) und eine beschreibung, was genau dein problem ist
Also der von mir gepostete Code kann man direkt in eine plain-text datei einfügen und in html umbennenen. hier nochmal mit dem Z-indexfehler behoben
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
</head>
<body>
<div style="position:absolute; top:100px; left:100px; width:200px; height:50px; border:1px solid #888; background:#f88;">
<div style="position:absolute; z-index: 1; width: 100%; text-align: center;" >stuff</div>
<div style="float:left; width:100px; height: 100%; background:blue;"></div>
<div style="float:left; width:70px; height: 100%; background:green;"></div>
</div>
</body>
</html>
Fehlerbeschreibung:
Es soll so aussehen wie im FF, d.h. eine Box mit 200x100 px größe wird angezeigt. Darin befinden sich 3 Elemente, ein Textelement und 2 leere Elemente die nur dazu da sind ihre Hintergrundfarbe darzustellen.
Rauskommen soll also ein rotes, großes Element, welche 2 Elemente (teilweise) verdecken, nämlich die ersten 100 px vom zweiten, blauem Kindelelement und die darauffolgenden 70 px vom dritten, grünen Kindelement (also von pixel 101 - 170 in der Breite). Das erste Element (mit Stuff drin) soll über dem ganzen, mittig im Elternelement sitzen, als Überschrift quasi.
Im IE sieht es allerdings so aus als ob die statisch positionierten Kindelemente (die farbigen Kästen) die Positionierung des Textes beeinflussen obwohl es absolut positioniert ist. Sprich, das div mit "stuff" ist 170px zuweit rechts.