Colored boxes - one method of building full CSS layouts
Russ Weakley
13-Jan-04
How do you go about building a full CSS layout? Is there an overall method that can be used for any layout?
This article explains one method of building a full CSS layout from start to finish. The method, based on positioning colored boxes and testing across a range of browsers, can be used to build a wide range of full-CSS layouts.
- Introduction
- Step 1. Decide on a level of browser support
- Step 2. Look for containers
- Step 3. Name the containers
- Step 4. Mark-up the containers
- Step 5. Choose a position method for the containers
- Step 6. Colored boxes
- Step 7. Drop in the content
- Step 8. Styling inside the containers
- Step 9. Taking out the CSS
- Step 10. Hiding rules from older browsers
- Step 11. Print CSS
- Finished
This article is also avaialable in:
- German, thanks to Andreas Kalt.
- French, thanks to Léo en Folie.
- Spanish, thanks to Ayuda Wordpress.
- Brazilian-Portuguese, thanks to Mauricio Samy Silva.
