Probably a very simple CSS question

S.M.B.

I'm currently working on a basic centre aligned site and have a small issue.

What's the best way to stop the slight shift in my layout that occurs when viewers navigate from a short page with no scroll bar to a long page where the scroll bar leads to a slight change in the browser window size?

Any help would be great,

louie

unfortunately none.... or get a bigger screen with the "right" height.

Placebo

why dont you use something like iframes or a div for longer pages so scroll bar appears inside the main content box

p

This is just in Firefox, right. The easiest way is to force scroll bars by making the site automatically too high. Something like this will do the trick:
body {
min-height: 101%;
}

S.M.B.

It's obviously not that simple then, i suppose it now makes sense why i haven't come across a solution for the problem before.

Thanks for the suggestions anyway.

p

eh... did you try my suggestion?

Dades

If you add style this to your body tag, it adds a default scrollbar like in IE to FireFox.
[HTML]overflow-y: scroll;[/HTML]

You may need to find a way to hide that style from IE, however, as it might screw it up.

G'luck!

S.M.B.

p wrote: »

eh... did you try my suggestion?

Sorry about that, when I read your reply I picked it up as being a solution for firefox only and I'd have to look for some other solution for IE.

I completely forgot that IE uses a default scroll bar. Shows you how much I try avoid using the browser.

Thanks for the help.