« Links - Do them properly! | Home | Mastering Writing - Do not contract words »

How wide should a page be?

Words by Daniel Aleksandersen on 2006-05-22

The easiest and most correct answer here is It should fit. It is actually that simple.

But how do you know your site will fit on the intended media? Will it fit to all screen resolutions? All browsers and windows sizes?

If you want a fixed with, make sure its no grater than 728 px (as wide as a standard ad leaderboard). Then it will fit nicely to a 800 x 600 screen and grater.

But with all the powers you have with CSS; there is no real need for using fixed widths. Try designing your site with percentages instead of pixels. This way the site will automatically fit on screens. Add left and right margins and a minimum width. Then you got a nice basis for a fully scaleable page.

Code example

#pagelayout {
margin: 10% 15% 5% 15%;
width: 100%;
min-width: 300px;
}

If you write good, semantic mark-up combined with CSS you should be able to easily write stylesheets that will fit to any screen resolutions, windows size and device.

Try using the Opera Web browser to see how the site looks on regular screens, handheld units with SSR, projectors/TV and other media.

A great tip for creating a scalable site is to drop site-wide images.

2006

Copyright © Daniel Aleksandersen – Licensed under GNU FDL

Words: Daniel Aleksandersen on 2006-05-22 at @763.
Meta: Comments | PermaLink | TrackBack
Social: Add to del.icio.us | Sphere it
Tags:

Related entries

One comment

has anyone else noticed that a lot aof websites dont fit into the 800by 600 format now that props because of the newer moniters

Umbrella website design (Subscribed) at 2007-07-20 @196.

Leave your comment




Find entries


Recent entries
News feed icon Get a free subscription to new entries in the The Web Design Journal!
Reader participation
Share your thoughs, and knowledge with other readers by submitting your own comments!
License

Creative Commons License
The blog entry How wide should a page be? is licensed under a Creative Commons Attribution-ShareAlike 2.5 License. More legal notes.
This blog is compatible with mobile browsers.
Home | Senior Cell Phone | California Amusement Park | Professional SEO Consultant | Legal Buds | San Diego Casino |
© 2006 - 2008