« Prev | Next »

Step 5: Page Width

Page width is one of the major issues for accessible web design since everyone has a different screen resolution. Too thin, and the page will look too thin and become longer. Too wide and it will cause a horizontal scrollbar, and very unnatural readability. Flexible width was the answer in the old design, but the width of images inside the content didn't really make it all that flexible.

There is no right answer. It all depends on your audience. Most visitors to this site have a width of 1024 pixels or at least 800 pixels, so I coded for that and then centred the page.

div#wrapper {
width: 728px;
margin: 0 auto;
text-align: left;