Cascading Style Sheet Quick Guide
 
 
This guide contains information how to create Cascading Style Sheets (CSS).

More information about CSS can be found at: http://www.w3.org/Style/CSS/

rss

Quick guides:





Div examples: fluid layouts

Information:
All examples are working for IE 6.0 and Firefox 1.5.

Related information:


Procedure:

Example Screenshot
Example 1 Fluid layout: One column

Click here to download the code.
Click here to view the CSS naming convention used for this layout.
Click here to view the CSS stylesheet hierarchy.

Note:
All px units are converted into em.
To convert: em = px / 16
10px is 10/16 = 0.625em
Example 2 Fluid layout: Two columns.

Click here to download the code.
Click here to view the CSS naming convention used for this layout.
Click here to view the CSS stylesheet hierarchy.

Note:
All px units are converted into em.
To convert: em = px / 16
10px is 10/16 = 0.625em
Example 3 Fluid layout: Three columns.

Click here to download the code.
Click here to view the CSS naming convention used for this layout.
Click here to view the CSS stylesheet hierarchy.

Note:
All px units are converted into em.
To convert: em = px / 16
10px is 10/16 = 0.625em