Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML
photo of Jennifer Kyrnin

Jennifer's Web Design / HTML Blog

By Jennifer Kyrnin, About.com Guide to Web Design / HTML since 1997

Fixed vs fluid - what type of layout to choose?

Wednesday September 24, 2008
I browse in a wide-screen monitor, and while I don't maximize my browser window, I do make it wider than most standard fixed widths. So it's always interesting to me to read the many discussions on whether to use fixed width or flexible/liquid/fluid width layouts. It's especially interesting that while most polls I see on the question indicate that most designers prefer flexible width layouts, most pages that I visit are a fixed width. They might be elastic (having a fixed maximum or minimum width that scales to browser sizes - that's what the About.com pages are like. Don't believe me? Make your browser window smaller and then reload my home page. It goes from 3 columns to 2.), but elastic widths are hard to recognize as they look like fixed width layouts above their maximum width. I guess what I'm asking is this: why is it that people profess to prefer flexible width layouts, but so few layouts actually fill my browser window? Personally, I prefer to write elastic layouts up to a maximum of about 1200 px wide. My concern is less with the width of the entire page as much as the width of the content sections. Columns that are more than 7-10 words wide or less than 2-3 words wide are hard to read. So I focus on making those columns a fixed width, and try to have everything else flow around them. I don't like being forced to use either fixed or flexible width layouts because there are pros and cons to each.

Comments

September 24, 2008 at 5:32 pm
(1) gouvernante says:

elastic width, min. 800, max +/- 1200, middle column/s (if 4 c.) fixed for easy reading

September 24, 2008 at 7:17 pm
(2) Cassius says:

“My concern is less with the width of the entire page as much as the width of the content sections.”

If we were going to make a rule from this, then, we would perhaps say, “make your content divisions (that is, columns) fixed-width, but the space between them fluid.”

Does that sound about right?

September 24, 2008 at 7:39 pm
(3) Jennifer Kyrnin says:

Cassius: Yep, that’s exactly what I aim for. But I do think that eventually there is a maximum width in every situation. Like I’d hate to see the space created between columns in a 3-col layout that’s got say 500px wide content area and two other flexible width columns that stretch over a 3000px wide screen. :-) Okay, I don’t know of any monitors that can display that wide, but I could over two screens. I guess all I’m saying is that every “rule” I place up here on this site is bound to change or be broken some day.

September 25, 2008 at 12:25 am
(4) Wardell says:

The idea of liquid layouts is appealing to many designers but hard to pull off with a nice looking design, I personally tend to use elastic layouts.

Leave a Comment

Line and paragraph breaks are automatic. Some HTML allowed: <a href="" title="">, <b>, <i>, <strike>

Discuss

Community Forum

Explore Web Design / HTML

About.com Special Features

Web Design / HTML

  1. Home
  2. Computing & Technology
  3. Web Design / HTML

©2009 About.com, a part of The New York Times Company.

All rights reserved.