Jeff Bridgforth :: Webcraftsman

Designing for Wider Screens

March 29, 2006

Design (Web)

Dig­i­tal Web has a new arti­cle on design­ing for the wider screens that many com­put­ers have.  My D810 lap­top has a widescreen.  The author’s solu­tion is to use Javascript to check the screen res­o­lu­tion and then have dif­fer­ent style sheets for the dif­fer­ent res­o­lu­tions to max­i­mize the space.  I would like to inves­ti­gate it further.

My first thought is that I like it bet­ter than the other solu­tions that I have seen which is to have a “liq­uid” lay­out.  The thing I do not like about that is that I like a smaller width for the con­tent area.  The “wide screen” solu­tion keeps a fixed width on the con­tent area but brings other areas of the page into the “empty space” of the wider screens.