3 replies [Last post]
wilde
Offline
newbie
Hong Kong
Last seen: 15 years 31 weeks ago
Hong Kong
Timezone: GMT+8
Joined: 2004-04-08
Posts: 5
Points: 0

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!

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 1 week ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

wilde
Offline
newbie
Hong Kong
Last seen: 15 years 31 weeks ago
Hong Kong
Timezone: GMT+8
Joined: 2004-04-08
Posts: 5
Points: 0

relatively positioned div doesn't show up in IE

I tried that, but it still doesn't show up in IE. Any other ideas?

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 1 week ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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