A website that I created some time ago have a style applied to each page to prevent the pages from moving horizontally. (The website is centered in the browser and the lengths of the pages vary in size).
I named the page style .overflowY with the extended name and values of “overflow-y” and the value “scroll”.
The code used to validate at W3 CSS Validator, but it isn’t anymore. I’m receiving an error: “32 .overflowY Property overflow-y doesn’t exist in CSS level 2.1 but exists in : scroll scroll”.
Does this mean that I should change the name to “scroll” and value to “scroll” as well?
What element did you apply this attribute to? I think it’s valid for a
DIV, so if you make a Tag-only style called #PageDiv and add it there,
you will have it automatically on every page in your site.
Walter
On Sep 17, 2010, at 7:06 PM, rebeccintosh wrote:
A website that I created some time ago have a style applied to each
page to prevent the pages from moving horizontally. (The website is
centered in the browser and the lengths of the pages vary in size).
I named the page style .overflowY with the extended name and values
of “overflow-y” and the value “scroll”.
The code used to validate at W3 CSS Validator, but it isn’t
anymore. I’m receiving an error: “32 .overflowY Property
overflow-y doesn’t exist in CSS level 2.1 but exists in : scroll
scroll”.
Does this mean that I should change the name to “scroll” and value
to “scroll” as well?
Note that CSS3 defines the overflow-x and overflow-y properties which allow for independent control of the vertical and horizontal scrollbars.
Example
This style rule makes the pre element type in HTML generate a fixed-sized box with visible scrollbars:
pre {
width: 40em;
height: 20em;
overflow: scroll;
}
Example
This style rule makes the pre element type in HTML generate a fixed-sized box with the horizontal scrollbar hidden:
pre {
width: 40em;
height: 20em;
overflow:auto;
overflow-x:hidden;
}
So it would appear that it is a CSS3 property and probably not supported in IE
Yes. Then that style will magically apply to all of your pages,
because all Freeway pages have a single DIV in them with the ID
‘PageDiv’. But be sure not to use the Name field in the style editor.
To make a Tag-only style, you have to type the entire selector into
the Tag field, tab into the Name field, delete whatever Freeway put in
there for you, then tab back out to seal the deal.
Walter
On Sep 17, 2010, at 7:39 PM, rebeccintosh wrote:
Yes, I can remove it from the site folder, and it will remove it
from the pages. I’ll delete the style as well.
So the next step would be to create a style named #PageDiv. Would I
then put “overflow-y” and “scroll” in the extended area?
I am assuming that you were doing this to create scrollbars for every page whether they needed them or not - to avoid the horizontal shift when they appear?
I think that was the idea. I just wanted the pages to remain in the same position without shifting to the left or right. I think it created horizontal scroll bars.
Okay –– now I see how the scroll bars appear around the web page as opposed to the default web browser. I didn’t see that before. I don’t want to have those. Do you know how I can hide these?