Internet Explorer Position:relative bug and workaround

Return to IE position:relative bug forum topic.

This is with position:relative;, as you can see it doesn't work in IE, this bug affects IE 5x and 6.

:: Code ::
lets see how it work, how is it?

ok, next

Notice that the space for the floated div 'code' box is there, but it's under the black box, or the quote box below.

Second example:

:: Quote ::
Same story here, the floated 'quote' box, should appear upper right corner, it's right floated, but disappears behind the background. Both quote and code have explicit z-index:12 declared, while their containers have z-index:2, that shouldn't be necessary but I thought I'd double check.

Third example:

:: Quote ::
Div fails to extend to fill its container like it's supposed to.
:: Quote ::
lets see how it work, how is it? better worse or about the same, sutff ljalejf la;jf a;dflja; fjladfs;;j 'adf alkfja; dfja; a;dsfljalsdfjal;djf ajfzds;ljadfl;jadslf lasjdf ladsjfa;ldfjaldfj

This is with position:relative; changed to position:static;, as you can see it now works IE

:: Code ::
lets see how it work, how is it?
We turned it off by this code:
style="position:static;"

and now the quote works too.

:: Quote ::
lets see how it work, how is it? better worse or about the same, sutff ljalejf la;jf a;dflja; fjladfs;;j 'adf alkfja; dfja; a;dsfljalsdfjal;djf ajfzds;ljadfl;jadslf lasjdf ladsjfa;ldfjaldfj

 

Site Information

W3C Validation:

XHTML CSS

Site hosted by:

pair
networks

Site Features

Utilities

Javascript Browser Test