Fixed width vs dynamic width

More complex designs can be very difficult to realize with variable width layout. So I imagine that plays a role.

There is also the fact that it is not comfortable to read text that is very wide. The column size on StackExchange sites is quite manageable and easy to read. With a variable width layout, you can not just extend the main text body across without it becoming illegible. Even Google limits the width of their search results.

Of course if you have a site where space is at a premium (like Google Docs and Google Maps) you really want to go with a variable width scheme to use all the available space.


Fixed with is much easier to developer for complex sites. Also, most fixed width sites will be around 1000 pixels wide. The reason is only 1% of browsers use 800x640 and 0% use 640x480. Check out the most current stats here. This doesn't include mobile though. Which is an entirely different ball game.

The value of variable width layout is that it allows people to use the website easily in a window that is not maximized.

You have to look at your audience and decide based off of what experience you think they want and if variable width is more important than other features that you won't be able to develop if you have to do variable width.


There is also a compromise between the two where you set a min width and a max width (using CSS) and then use percentage widths to make the rest flow in between the two extremes. For instance, you might want a left-hand menu column to not get narrower than 200px but the main content to flow. This technique enables your site to scale to the visitors resolution, without looking silly at extremely high resolutions or extremely low resolutions. HTML, after all, was designed to flow - it is a mark-up language and not the same as print.

This approach works well for relatively simple designs, such as blogs or ones that present a lot of textual information. Indeed, I use it on my own personal website. After all many people now have wide-screen or high-resolution monitors - my work monitor is 1680px wide - so why should they lose a large degree of real estate and have to horizontally scroll simply because a designer decided on a fixed width that suited their screen? In the end good design is about giving users the best possible experience - it's not just about what looks "pretty" on the designer's monitor.