Archive for the ‘CSS’ Category

Internet Explorer (IE) Scrollbar Color Guide

Saturday, November 19th, 2005

It is possible to change the scrollbar colors in Internet Explorer (IE). Here is a guide for changing scrollbar colors in Internet Explorer using CSS.

To do so, specify following style in the StyleSheet:

body {
scrollbar-highlight-color: #F00808;
scrollbar-3dlight-color: #F5ED07;
scrollbar-arrow-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #2308F0;
scrollbar-track-color: #808080;
scrollbar-darkshadow-color: #0F600D;
}

Scrollbar Color Guide

This will change the colors for the scrollbar of Internet Explorer browser. (more…)

Reserved ID Values in IE/Win

Thursday, November 3rd, 2005

Have you come across printing error as shown in the screenshot below when trying to print a web page in IE/Win? I did! To view this error, please view this page in IE/Win and then click here and print.

Printing Error in IE/Win

(more…)

Positioning Footer at the bottom of the Browser

Wednesday, November 2nd, 2005

Here is an example for how to position the footer at the bottom of the browser using CSS. In the following examples, footer will always stay at the bottom of the browser irrespective of the amount of the content.

Footer at the bottom of the browser with long content

Footer at the bottom of the browser with short content

(more…)

How to Make the Background of a Div Semi-Transparent?

Monday, October 31st, 2005

If you look below, the light gray div over the darker one is transparent. As a result, the content inside the darker gray div shows up through the light gray div over it. This capability can enable us to create really attractive designs. It’s really simple to do it. If you are interested, just read along.
(more…)

How to Add Alternate StyleSheets?

Friday, October 28th, 2005

The concept of alternate stylesheets is exactly as the name suggests using alternative stylesheets to change the look of a web page with a click. This makes the website utilizing this technique a little more personalized. The other inherent benefit of this feature is complete separation of content and presentation in a web page, the ideal goal for any website.

Adding an alternate stylesheet is pretty easy. (more…)