Comments on: How wide should a page width be for a good web design? http://www.dreamtemplate.com/blog/web-design-tips/how-wide-should-a-page-width-be-for-a-good-web-design/ Web Design Tips, Tutorials & More! Mon, 05 Sep 2011 04:44:39 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Michael Louviere http://www.dreamtemplate.com/blog/web-design-tips/how-wide-should-a-page-width-be-for-a-good-web-design/comment-page-1/#comment-4069 Michael Louviere Sat, 26 Mar 2011 06:09:20 +0000 http://www.dreamtemplate.com/blog/?p=177#comment-4069 Most web designers/developers at this time are using grid layouts with wrappers of 980px or 960px depending on how you utilize a 20px gutter. Facebook's page uses a 981px wrapper. Twitter's wrapper has a max-width set at 1120px which for me personally is too large but should remind us of the most important question... What is the target market/audience for a website? Site's like Twitter typically have younger audiences which probably update their computers more often and typically have higher desktop resolutions than older people would do to possible eye strain issues. Even sites like "Met Life" which is a life insurance company and most likely has a target audience of older people has a wrapper of 962px. At the end of the day, if you're trying to establish the best design practices for a new website project, determining the target audience is one of the first variables you'd need to determine. But universally, 960px - 980px should be good but keep in mind padding will also increase the width of a div so if you have #div {width: 980px; padding: 20px; } you really have a div of 1020px. I'd suggest staying away from fluid widths unless you can set "max-width's" on your wrappers, as monitors get larger along with resolutions - websites viewed at full screen can tend to stretch a page of text in 2-3 lines rendering the site's accessibility low. Best wishes in your web design ventures! Most web designers/developers at this time are using grid layouts with wrappers of 980px or 960px depending on how you utilize a 20px gutter. Facebook’s page uses a 981px wrapper. Twitter’s wrapper has a max-width set at 1120px which for me personally is too large but should remind us of the most important question… What is the target market/audience for a website? Site’s like Twitter typically have younger audiences which probably update their computers more often and typically have higher desktop resolutions than older people would do to possible eye strain issues. Even sites like “Met Life” which is a life insurance company and most likely has a target audience of older people has a wrapper of 962px. At the end of the day, if you’re trying to establish the best design practices for a new website project, determining the target audience is one of the first variables you’d need to determine. But universally, 960px – 980px should be good but keep in mind padding will also increase the width of a div so if you have #div {width: 980px; padding: 20px; } you really have a div of 1020px. I’d suggest staying away from fluid widths unless you can set “max-width’s” on your wrappers, as monitors get larger along with resolutions – websites viewed at full screen can tend to stretch a page of text in 2-3 lines rendering the site’s accessibility low.

Best wishes in your web design ventures!

]]> By: Alex37 http://www.dreamtemplate.com/blog/web-design-tips/how-wide-should-a-page-width-be-for-a-good-web-design/comment-page-1/#comment-386 Alex37 Sun, 02 May 2010 10:35:52 +0000 http://www.dreamtemplate.com/blog/?p=177#comment-386 The target economy must reward people for having full ownership of possessions punishing acts of arson and property damage with deterring severity. , The target economy must reward people for having full ownership of possessions punishing acts of arson and property damage with deterring severity. ,

]]> By: Flemming in Spain http://www.dreamtemplate.com/blog/web-design-tips/how-wide-should-a-page-width-be-for-a-good-web-design/comment-page-1/#comment-473 Flemming in Spain Sat, 02 Jan 2010 16:14:43 +0000 http://www.dreamtemplate.com/blog/?p=177#comment-473 Please remember to take about 30 pixels for the side panels and scroll bar: 1280 -> 1250 pixels when looking at the content of a 1280 pixel screen width. Using MS IE. Please remember to take about 30 pixels for the side panels and scroll bar: 1280 -> 1250 pixels when looking at the content of a 1280 pixel screen width. Using MS IE.

]]> By: TheTruthis34 http://www.dreamtemplate.com/blog/web-design-tips/how-wide-should-a-page-width-be-for-a-good-web-design/comment-page-1/#comment-1024 TheTruthis34 Sat, 21 Nov 2009 08:02:51 +0000 http://www.dreamtemplate.com/blog/?p=177#comment-1024 When you talk about these web page widths, are these applicable to all browsers? I always have a problem with my web dimensions not applying properly to Firefox. When you talk about these web page widths, are these applicable to all browsers? I always have a problem with my web dimensions not applying properly to Firefox.

]]> By: lal kitab http://www.dreamtemplate.com/blog/web-design-tips/how-wide-should-a-page-width-be-for-a-good-web-design/comment-page-1/#comment-263 lal kitab Wed, 05 Aug 2009 06:53:58 +0000 http://www.dreamtemplate.com/blog/?p=177#comment-263 what if we use percentage as width. I am using the same . any issue in using that. what if we use percentage as width. I am using the same . any issue in using that.

]]> By: Beau http://www.dreamtemplate.com/blog/web-design-tips/how-wide-should-a-page-width-be-for-a-good-web-design/comment-page-1/#comment-212 Beau Fri, 03 Jul 2009 06:20:34 +0000 http://www.dreamtemplate.com/blog/?p=177#comment-212 <a href="http://www.dostuffright.com/CSS-font-styles-color-margin-padding-a-inline-code" title="Best css styles including font color, margin, padding, a, with inline code." rel="nofollow">A recent study</a> found that the most common width for the most popular websites around the world is about 900px. A recent study found that the most common width for the most popular websites around the world is about 900px.

]]>