Selected Content

The CSS Starter Page Series Part 13: Designing with a Grid

By: Sheri German on Tuesday, January 5, 2010
Reader Level: Reader Level


Primary Category: DreamweaverWonderful 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
The CSS Starter Page Series - Part 14: Designing with a CSS Table Grid
The CSS Starter Page Series - Part 15: Adding a Drop Cap with :first-letter

Purchase this item
You can purchase this piece of content separately for $5.00

Want more?
Community MX members get unlimited access to daily articles, tutorials, extensions and support. The most comprehensive resource for Macromedia designers and developers today. Take a tour of what we offer, and discover the benefits of subscribing.

Already a member?
Simply log in using the form in the top right area of the site.