Wonderful as the CSS Starter Pages are, they are now a few years old. They are still invaluable as a starting point, but perhaps could benefit from a bit of sprucing up as we develop a site for the new decade 2010.

In this article, we'll expand the layout to the popular 960 pixel width that optimizes a site for the current lowest common denominator screen resolution of 1024 by 768. We'll use a grid to help us develop precise columns that divide the page into thirds. For fun, we'll then use the CSS3 property border-radius to make the design fancier without the weight of images.

The CSS Starter Page Series:
The CSS Starter Page Series - Part 1: Faux-Column Images
The CSS Starter Page Series - Part 2: More Background Images
The CSS Starter Page Series - Part 3: Three-Column Fluid Background Images
The CSS Starter Page Series - Part 4: Rounded Corner Background Images
The CSS Starter Page Series - Part 5: Shadows and Rounded Corner Background Images
The CSS Starter Page Series - Part 6A: Adding Navigation Schemes
The CSS Starter Page Series - Part 6B: Adding Navigation Schemes Part Two
The CSS Starter Page Series - Part 6C: Adding Navigation Schemes Part Three
The CSS Starter Page Series - Part 7: Adding a Spry Menu Bar
The CSS Starter Page Series - Part 8: Managing Content with Spry
The CSS Starter Page Series - Part 9: Working with the Conditional Comment
The CSS Starter Page Series - Part 10: Adding a Print Style Sheet
The CSS Starter Page Series - Part 11: Adding a Handheld Style Sheet
The CSS Starter Page Series - Part 12: Adding a jQuery Slideshow
The CSS Starter Page Series - Part 13: Designing with a Grid...

Related Articles

• The CS5 CSS Starter Page Series Part 3: Structuring with CSS
• Introducing CMX JumpStart Brasilia
• CMX JumpStart: Brasilia
• The CS5 CSS Starter Page Series - Part 2: Marking up the Page
• The CS5 CSS Starter Page Series Part 1: The Yukon
• Dreamweaver CS5 Features Part 1: The All New CSS Starter Pages
• Introducing CMX JumpStart Beijing
• CMX JumpStart: Beijing
• Introducing CMX JumpStart Agra
• CMX JumpStart: Agra

• Decorating Lapland for the Holidays
• CMX JumpStart: Lapland
• The CMX JumpStart Catalog Update 2009
• CMX JumpStart: The Black Forest
• Introducing CMX JumpStart Black Forest
• Extending Dreamweaver CS4 - Part 6: Phatfusion Rounded Corners
• The CSS Starter Page Series Part 12: Adding a JQuery Slideshow
• Introducing CMX JumpStart Berlin
• CMX JumpStart: Berlin
• Extending Dreamweaver CS4: Part 5 - Phatfusion Image Menu