IE 6 overlap fejl

PS, det virker fint i IE7 og FF

<ole>

Det er FF, IE7 og Opera, som har en bug  ;o)

Koden giver ikke mening, da man ikke kan tildele z-index til et element, som ikke er absolut positioneret.

Sletter vi 'z-index:100', fungerer koden dog stadig på samme måde - men lad os lige analysere koden og prøve at finde ud af, hvad der er op og ned i forhold til CSS-standarden:

Float'ede elementer ligger højere i enhver stacking context end andre block- og inline-elementer. Float'ede børn af et float'et element hører dog til forælder elementets stacking context. De introducerer _ikke_ deres egen stacking context, som tilfældet er for positionerede elementer.

Derfor må de to div ikke overlappe hinanden, så fejlen ligger ikke i IE6, men i de andre browsere  ;o)

/mvh
</bole>

"Float'ede elementer ligger højere i enhver stacking context end andre block- og inline-elementer" >> Det forudsættes naturligvis, der ikke er blandet positionerede elementer ind i koden

OK, hvad kan jeg så gøre for at opnå samme effekt? - hvis jeg benytter position: absolute, så får jeg problemer med højden, eftersom at der kommer indhold under de div'er du ser her.

Nu står det ingen steder skrevet, at man skal kunne alt - men hvis du fortæller, hvad du mere præcist vil opnå (og skal bruge det til), kan det være, vi kan finde et alternativ  :)

Du har hjulpet mig godt på vej, jeg tror godt at jeg kan komme i mål med opgaven nu. Dog er opgaven på hold pt.

Vil du være venlig at smide et svar?

Lukkes