Tuesday 22 September 2009

Sites that trip up on horizontal scrolling


1024 is still a dominant resolution. W3schools gives it 36% of the market share. That's huge.


Recently I've noticed a bunch of high-profile websites which are fantastically done but seem to slip up in one small but significant way when viewed at a 1024 resolution.

For some reason they've miscalculated their page width and instead of being just inside the margins of a full screen browser at 1024, they're just outside. Which means they have a silly looking horizontal scrollbar that is totally unnecessary.

This is simple, simple stuff. Use 960 as your standard width, and watch out the CSS box model doesn't trip you up when you try to use padding.

Guilty parties: marshillchurch.org, peoplegrowth.org.

__________
Pic by mag3737