HTML and CSS Reference
In-Depth Information
FAQ
How do I create a custom-color scroll bar?
It can be fun to color-coordinate the scroll bar with your Web site! Keep in mind that not all
your Web visitors will see your handiwork. While this effect is supported by Internet Explorer, it
is not supported by all browsers. To configure a scroll bar with colors that you choose, add the
following styles to the body tag:
scrollbar-face-color
,
scrollbar-arrow-color
,
scrollbar-track-color
. For example:
body { scrollbar-face-color: #cc66cc;
scrollbar-arrow-color: #006600;
scrollbar-track-color: #cccccc;
}
Note
: Your CSS will not pass W3C validation tests if you use these Internet Explorer only
properties.
Using CSS for page layout requires some patience. It takes a while to get used to it. One
of the biggest issues is that even modern browsers implement CSS in slightly different
ways. Testing is crucial. Don't make it your goal that the pages must look exactly the
same on every browser. Expect your pages to look slightly different on various
browsers. Design so they look best on the most commonly used browser (currently
Internet Explorer) and display acceptably well on other browsers. There are Web pages
devoted to CSS bugs and browser support of CSS. The following are a few that you will
find helpful:
The original “Master List” created by Eric Meyer
A comprehensive browser compatibility list
John and Holly Bergevin's site focuses on CSS bugs in modern browsers—it con-
tains some great sample CSS page layouts
Peter-Paul Koch's site is dedicated to studying and defeating browser incompati-
bilities related to CSS and JavaScript
Sitepoint's CSS Reference
Debugging CSS can be frustrating. The following are helpful techniques to use:
●
Manually Check Syntax Errors.
Sometimes a CSS style does not apply due to a syn-
tax error. Carefully check your code. Many times the error is in the line above the
style that is not correctly applied.
Search WWH ::
Custom Search