Pros And Cons Of 6 CSS Layout Patterns: Part 1

There are a number of css layout patterns you can use when developing a website. Your design could be of fixed-width or it could be fluid or elastic. It might even be a hybrid layout or be responsive to different devices.

What are the pros and cons of some of the common css layouts available to us? Are some layouts preferred over others?
Continue reading

Pros And Cons Of 6 CSS Layout Patterns: Part 2

Last time we began talking about some different css layout patterns. We looked at fixed-width, fluid/liquid, elastic, and hybrid designs. Today we’ll look at the 2 layouts we didn’t include last time, responsive, and fluid/elastic grids.
Continue reading

2 Column CSS Layout: Fixed Width And Centered

One of the more common css layout patterns you’ll come across is the fixed width 2 column layout. It’s relatively easy to code and understand, though it sometimes trips up developers new to css layouts.
Continue reading

3 Column CSS Layout: Fixed Width And Centered

Last week I shared the code I use to start a 2 column fixed width layout. Today I want to expand that code and share how I’d build a 3 column layout that’s also of fixed width and centered on the page.
Continue reading

2 And 3 Column Fluid CSS Layouts

Over the last couple of weeks I’ve offered some boilerplate code and construction details for 2 column and 3 column fixed width layouts. Let’s continue today with fluid or liquid layouts.
Continue reading