On 6/26/13 2:29 PM, COM wrote:
my css all begin like what's pasted below. I have no idea what things ought
to be inside the html selector. Any thoughts on what the best practices are?

[code snipped]

A couple of suggestions:

Some browsers will only add scroll bars on long pages, creating a visible "jog"
when transitioning between long and short pages. This adds a "ghost" scroll bar
on short pages. preventing the jog:

html { overflow-y: auto; }

If you use the "sticky footer" technique[1], add this to provide a reference
height for the rest of the page:

html { height: 100%; }

If, like me, you use <body> instead of an extra "wrapper" element for your
pages, you can use a different background for the <html> so that the edges of
the page are distinct.

I hope this answers your question.

[1] <http://css-tricks.com/snippets/css/sticky-footer/>
--
Cordially,
David



______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to