[Pro] overflow-y, scroll doesn't validate anymore

Freeway
21

Try changing the style from #PageDiv to body, see if that does the trick.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

22

Would that be like this?

#body

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

23

I think this is it:

tag: body

extended:
name: overflow-y value: scroll
name: overflow-x value: hidden

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

24

Nope. That didn’t validate.

Errors:

/css/sheet1.css
12 body Property overflow-y doesn’t exist in CSS level 2.1 but exists in : scroll scroll

/index.html
17 body Property overflow-y doesn’t exist in CSS level 2.1 but exists in : scroll scroll

It didn’t validate when I took out the “overflow-x, value: hidden” either.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

25

Try this, which works in a hand-coded test page.

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
#PageDiv {
	height: 100%;
	overflow-y: scroll;
}

Walter

On Sep 18, 2010, at 12:47 AM, rebeccintosh wrote:

I think this is it:

tag: body

extended:
name: overflow-y value: scroll
name: overflow-x value: hidden

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

26

Hi Walter,

Would I put this code into Page: html markup:
?

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

27

Before /head, inside a style block.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

28

… so it would be Before with the following code?

html, body { width: 100%; height: 100%; padding: 0; margin: 0; } #PageDiv { height: 100%; overflow-y: scroll; }

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

29 
<style type="text/css">
styles here
</style>

In the Before (before end head) section.

Walter

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

30

Thank U!

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

31

Hi Walter,

Would you mind taking a look? I don’t know what I did incorrectly, but it won’t give me a CSS validation …

http://tinyurl.com/2932u97

I clicked on the site folder, went to Page in the top menu, and inserted the code below in Before .

html, body { width: 100%; height: 100%; padding: 0; margin: 0; } #PageDiv { height: 100%; overflow-y: scroll; }
32

Your old styles are still in there, probably left over from your
previous attempt to style the entire site folder using the Styles
palette. You’ll need to remove these, possibly by going through each
page and removing them in the Style Cascade section of the Inspector.

Next, your new styles are not present. You’ll need to select each of
the relevant Master Pages in the Site pane, then open Page / HTML
Markup on each one, paste into Before /HEAD, and move along to the
next one.

Spot-check to be sure that your styles have “taken” on the child pages
by clicking on a page or 8 at random, and checking in the Page / HTML
Markup dialog to be sure that the Master content is present.

As far as I know, selecting the Site Folder in the Site pane and
applying Page/HTML Markup from there doesn’t have any effect.

Walter

On Sep 20, 2010, at 4:15 PM, rebeccintosh wrote:

Hi Walter,

Would you mind taking a look? I don’t know what I did incorrectly,
but it won’t give me a CSS validation …

http://tinyurl.com/2932u97

I clicked on the site folder, went to Page in the top menu, and
inserted the code below in Before .

html, body { width: 100%; height: 100%; padding: 0; margin: 0; } #PageDiv { height: 100%; overflow-y: scroll; } </style _______________________________________________ freewaytalk mailing list email@hidden Update your subscriptions at: http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

33

:frowning:

It still won’t give me an W3 CSS validation. Here’s the link to the errors they report:

http://tinyurl.com/292n8pp

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

34

The first line of your stylesheet includes this:

body { overflow-y:scroll; overflow-x:hidden; margin:0px; background-
color:#fff; height:100% }

That’s what you have to get rid of. I am not sure how you added this,
perhaps it is in your Styles palette, perhaps it’s somewhere else.

And I still don’t see the new styles defining the height of body and
html, and setting the overflow on PageDiv. Did you upload to your
server again, at the previous URL you posted?

Walter

On Sep 20, 2010, at 5:05 PM, rebeccintosh wrote:

:frowning:

It still won’t give me an W3 CSS validation. Here’s the link to the
errors they report:

http://tinyurl.com/292n8pp

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

35

Hi Walter,

I did have the previous css page style on (body), and now it validates, but the scroll bars are are the boders of the page, not the browser. Is there anything I can do there?

i.e., these scroll bars look good:
http://tinyurl.com/266o6rn

These don’t:
http://tinyurl.com/2adkx4d

I found this code online (dated Apr. 2010)
Would any of this help?

filename: styles.css

/* eliminate page shift /
html {
min-height: 100%;
margin-bottom: 1px;
/ For Firefox 3.5 or later */
overflow: -moz-scrollbars-vertical !important;
overflow-y: scroll;
}

filename: styles-ie.css

/* eliminate page shift */
html {
min-height: 100%;
margin-bottom: 1px;
overflow-y: scroll;
}

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

36

Don’t center the page in the Inspector. Then they will be where you
expect them to be. If you want to center the middle content in the
page, just use the inline page construction technique I outlined a few
days back. Look for a subject line like full-width footer or something
like that.

Walter

On Sep 22, 2010, at 7:15 PM, rebeccintosh wrote:

Hi Walter,

I did have the previous css page style on (body), and now it
validates, but the scroll bars are are the boders of the page, not
the browser. Is there anything I can do there?

i.e., these scroll bars look good:
http://tinyurl.com/266o6rn

These don’t:
http://tinyurl.com/2adkx4d

I found this code online (dated Apr. 2010)
Would any of this help?

filename: styles.css

/* eliminate page shift /
html {
min-height: 100%;
margin-bottom: 1px;
/ For Firefox 3.5 or later */
overflow: -moz-scrollbars-vertical !important;
overflow-y: scroll;
}

filename: styles-ie.css

/* eliminate page shift */
html {
min-height: 100%;
margin-bottom: 1px;
overflow-y: scroll;
}

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options