4 replies [Last post]
MFHSchoonbrood
Offline
newbie
Netherlands
Last seen: 18 years 16 weeks ago
Netherlands
Joined: 2004-06-14
Posts: 4
Points: 0

The following layout works fine in Netscape (7.1) but looks a mess in IE:
http://www.gameplayheaven.com/eqroster/LayoutTest.html

It seems that IE either doesn't like the overflow:auto or it has problems with the undefined height.

Does anyone know how to get it working correctly in IE?

EDIT: I know it must be covered here, and I did various searches, but I can't find a solution. So my apologies if this is a well known issue, and I just missed it Sad

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 18 years 37 weeks ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

Problems with body-only scrolling in IE.

Have a look at ~

http://www.stunicholls.myby.co.uk/layouts/bodyfix.html

and layouts 2, 3 and 4 linked on the above page.
This shows how to get IE to behave with 100% height layouts.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

MFHSchoonbrood
Offline
newbie
Netherlands
Last seen: 18 years 16 weeks ago
Netherlands
Joined: 2004-06-14
Posts: 4
Points: 0

Problems with body-only scrolling in IE.

Aha... The trick is in the " * html " styles, I've never seen those before. I guess " * html #Content " defines the html behaviour for the #Content style.

Thanks a lot, as you can see in my link, it works like a charm...

MFHSchoonbrood
Offline
newbie
Netherlands
Last seen: 18 years 16 weeks ago
Netherlands
Joined: 2004-06-14
Posts: 4
Points: 0

Problems with body-only scrolling in IE.

I've managed to convert my old roster (using frames):
http://eqroster.gameplayheaven.com

To this new one, using stylesheet only:
http://www.gameplayheaven.com/eqroster/everquest_new

There's 2 things I don't like.
First, the address bar now shows the full link including tags and everything. I don't know anyway to disable this, other then going back to an Framed layout again, one that has 2 frames, the flash logo and the real page.
That way the link in the address bar will never change.

Second, if I resize the window, the footer doesn't fit in the div any more. The div catches this and automatically resizes itself, but thereby overwriting the body above it (which doesn't resize).
Maybe there is a way to tell a div to never resize itself?
If not, all I can think of, is make the footer a table.

Any thoughts on these 2 points from you experts out there?

MFHSchoonbrood
Offline
newbie
Netherlands
Last seen: 18 years 16 weeks ago
Netherlands
Joined: 2004-06-14
Posts: 4
Points: 0

Problems with body-only scrolling in IE.

One last thing, as you can clearly see on the character overview (startup page) the header and the body both contain a table (100% width). But the header doesn't have a scrollbar, and is therefor wider then the table, mis-aligning the rightmost columns.

Is there a way to give a div an invisible scrollbar that is always present? Or maybe adjust it's width so that it is 100% - the scrollbar width?

I guess I need to calculate the column width by hand, and then give the header and the body the same column widths.

Either that, or a fixed table row Smile