Best Practices for web layout dimensions

[johnshearer]

Hello Moz community,

I have my own ideas...but what are your opinions on best practices for landing page width size in pixels

900px

720px

What is a common pixel height for "above the fold"...my target is North America

[StalkerB]

I'm not sure where this overlay originally came from, but - http://tctechcrunch.files.wordpress.com/2009/12/tcbrowsersize.png - shows user browser sizes.

However your best bet is to investigate responsive websites.

Perhaps try reading - http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/ - http://www.alistapart.com/articles/responsive-web-design/ - and maybe - http://thatcoolguy.github.com/gridless-boilerplate/

[RyanKent]

I really like 960px for websites. It stays under 1024px and is very versatile for offering pages of varying even columns. A 960px frame is evenly divisible by 2,3,4,5,6,8,10,12 so you have a great deal of flexibility for columns throughout the page.

Occasionally you have a graphic which you wish to intentionally push past your natural border and 960px also offers a bit of room on each site for such expansion. I spent some time earlier this year researching this topic and in my opinion 960 is the magic number.

[HeadWebChef]

For width we go right to the edge so to speak, so 960px works great for us. Our best has been 960px wide by 480 to 550 px high.480 to 550 wide depends on how many tool bars are installed.  As a landing page we will usually go with 480px.

[johnshearer]

Ryan, thx for the considered response