Content-type: text/html Downes.ca ~ Stephen's Web ~ Screen Resolution and Page Layout

Stephen Downes

Knowledge, Learning, Community
In his first relevant post in quite a while, Jakob Nielson says we ought to optimize screen displays for monitors with a 1024x768 resolution, but that we should continue to employ liquid layout for users of other monitors. You'll notice that this is what I do on my website. What Nielsen doesn't tell us, though, is how to do this. Usually such sites use three column liquid layouts. You should also ensure that the columns have margins (called 'gutters') and that the centre column loads first. Columns should have 1-2-2 width ratios, with the narrow column used for navigation, or the classic 'Drupal' look of 1-3-1. I have also used this layout at glish a lot. Also, here's a neat hack to get three columns of equal height in a liquid layout. See also A List Apart on the topic.

Today: 0 Total: 144 [Direct link] [Share]

Image from the website


Stephen Downes Stephen Downes, Casselman, Canada
stephen@downes.ca

Copyright 2024
Last Updated: Jul 19, 2024 7:45 p.m.

Canadian Flag Creative Commons License.

Force:yes