The page I'm referring to is located here:
http://glu3d.cutey.org/smallville/index.html
The stylesheet is here:
http://glu3d.cutey.org/smallville/style.css
The div containing the welcome message (located at the top right hand corner) does not show up in IE, but shows up fine in Firefox.
I positioned it (id="welcome") absolutely within a relatively positioned div (id="top" - contains the whole top portion/header of the page which included the two images), so that its position would stay relative to the top div if the browser is resized.
I've already tried z-indexing, but that didn't seem to work.
Any help is appreciated! Thanks!
relatively positioned div doesn't show up in IE
Hi
This line will kill it in IE:
overflow: auto;
change it to
overflow: hidden;
And try that.
Trevor
relatively positioned div doesn't show up in IE
I tried that, but it still doesn't show up in IE. Any other ideas?
relatively positioned div doesn't show up in IE
Hi
I've had a play around with the design, and whilst I haven't solved the problem, this should get you going in the right direction:
The 2 images (with class pics) ought to be put inside divs as backgrounds. One should go as the background to the main div and one as the background to the welcome one (I'm going on memory from the tag names, not looking at the code right now).
The welcome div should be relatively postioned, and lose the top and left attributes.
Then play around with getting it to look right.
Trevor