Force scrollbars, "page shift" in Firefox

[Paul Bulpit]

In Firefox (and other browsers) a centred page appears to shift sideways depending on whether the scrollbar is needed or not. I have tried adding either:

html {
height:100%;
margin-bottom: 1px;
}

or

html {
min-height: 101%;
}

to actinic.css but neither seems to have any affect.

This seems to be a recognised fix for the problem, what am I doing wrong?

______________
Paul

[leehack]

When i've needed to do this, i've always specified a height in pixels, it's then adhered by every browser as far as i know (apart from IE6).
min-height: 600px;

IE6 can be easily hacked if that presents a problem to you.

Perhaps you could try your fix by applying it to the overall site container, not the html tag also?

[Paul Bulpit]

min-height: 600px;

Apparently, that works for all browsers, but doesn't cover higher screen resolutions.

[Duncan Rounding]

have you tried this:

html {
overflow-y: scroll;
}

[Paul Bulpit]

have you tried this:

html {
overflow-y: scroll;
}

My searching earlier (before posting this thread) gave me the impression that this fix forces the horizontal scrollbar AS WELL?

All three fixes are readily found on the internet, I just can't make them work by putting them in the css file.

[Duncan Rounding]

I just did a (very) quick test with my posting and it worked. The -y only forces the vertical (y) scroll bar.

[Paul Bulpit]

Yes, you're correct, I apologise.

It turns out that editting the file 'actinic.css' in the 'My Documents' folder is not the same as editting 'Actinic Stylesheet' in the Design Window. I had assumed they were one and the same files.....

_____________
Paul

[jont]

No - the one in the folder is the file generated by Actinic when you generate a preview (either by viewing in an external browser or simply changing sections or applying a change to a layout).

If you have a browser window open with the preview you can make changes to the PreviewHTML/actinic.css file if you are trying to sort something - save and refresh the window and your changes will appear. Once sorted copy the changes into the actinic.css within Actinic and they will become the live copy. I often do this with all the main browsers open as it saves time generating the preview over and over from within Actinic.