Probably a very simple CSS question

S.M.B. · 05-05-2009 05:54PM #1

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 · 05-05-2009 07:11PM

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

Placebo · 05-05-2009 07:56PM

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

05-05-2009 09:27PM

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. · 06-05-2009 08:43AM

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.

06-05-2009 10:41AM

eh... did you try my suggestion?

Dades · 06-05-2009 01:12PM

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. · 06-05-2009 04:44PM

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.

Probably a very simple CSS question

Comments