Comments for Scrollbar colors

Comment from Chris Pirillo on 2002-02-27

2002-02-27T09:11:12Z

I had the same problem; it was remedied by removing any "doctype" or "content type" references in the header. Try that. It should work.]]>

Comment from Brad on 2002-02-27

2002-02-27T09:38:33Z

You are correct sir! I guess Microsoft considers that feature something that belongs in the 'quirks' mode that is turned off with proper DOCTYPE and XHTML like I'm trying to do. Strange that all the inner scroll bars use the colors-- you'd think that if those descriptors are disabled, they'd be disabled for everything. Anyway, many thanks Chris. Keep up the good work my friend.]]>

Comment from Jesse Ruderman on 2002-03-03

2002-03-03T13:47:52Z

Try changing the "body" for the scrollbar rules to "html, body" or "*". Then you should be able to include the strict doctype and still see the styled scrollbars.

Internet Explorer (non-quirks-mode only) and Mozilla consider "body" to mean "a block containing all of the page's content" and consider "html" to mean "the viewport". Try applying "body { border: 1px solid red; }" to a short page, with and without a doctype, to see what I mean. Since the scrollbar is a viewport thing, it makes sense for styles on the html element to apply but not on the body element. (Note: the bgcolor property is an exception to this rule, so bgcolor always to the viewport for both html and body.)

I do not know the history behind the decision to make body be just the content.

]]>

Comment from Jesse Ruderman on 2002-03-05

2002-03-05T08:49:44Z

Thanks, by the way. Now I know why my user style sheet of IE wasn't working correctly on some sites. I had "body, frameset { border-right: 0px ! important }" in my user style sheet to keep the scrollbar at the right edge of the screen instead of 2 pixels from the right edge of the screen. The trick didn't work at some sites, including my site, but it didn't occur to me that it was my doctype that was preventing it from working.]]>

Comment from Dracusis on 2003-04-23

2003-04-24T05:48:18Z

No, it's not the DocType. You really shouldn't be removing the Doctype, that's the most important bit of the document!

Just shift the {border-right: 0px ! important} rule into a html {} selector and all should be fine.

]]>