Freelancer.com

Go Back   Warrior Forum - The #1 Internet Marketing Forum & Marketplace > Warrior Support Forums > Website Design
Register Blogs Social Groups Advertise with usHelp Desk

Reply
LinkBack Thread Tools
Unread 26th March 2011, 01:23 PM   #1
HyperActive Warrior
 
Join Date: 2010
Location: manchester uk
Posts: 131
Thanks: 0
Thanked 10 Times in 10 Posts
Default What's the ideal site width ?.

Hi everyone....

What's the best/ideal width of a web site so it can be viewed on most if not all computers. I've looked around and found all different widths of websites,

I imagine that it depends on the size of the viewers monitor and was woundering if there is some html code that will resize the site accoring to the montor size when it's being looked at .

Give everyone a chance
alan9187 is offline   Reply With Quote
Unread 27th March 2011, 06:35 AM   #2
HyperActive Warrior
War Room Member
 
locpicker's Avatar
 
Join Date: 2009
Location: Nickelsville VA
Posts: 195
Thanks: 4
Thanked 18 Times in 17 Posts
Default Re: What's the ideal site width ?.

There really is not one anymore I think. The browsers can resize most sites to still look decent. You can try this yourself by making your window different sizes and see what it looks like.

Yes you can get code to do different things to the look of your website. The new devices use various methods to make websites look presentable.

locpicker is offline   Reply With Quote
Unread 27th March 2011, 08:41 AM   #3
Active Warrior
 
Join Date: 2011
Posts: 63
Thanks: 0
Thanked 2 Times in 2 Posts
Default Re: What's the ideal site width ?.

So there is no ready made code or software for that?

Webster Logan is offline   Reply With Quote
Unread 27th March 2011, 08:53 AM   #4
HyperActive Warrior
War Room Member
 
locpicker's Avatar
 
Join Date: 2009
Location: Nickelsville VA
Posts: 195
Thanks: 4
Thanked 18 Times in 17 Posts
Default Re: What's the ideal site width ?.

There is all kinds of code available. Most of it is free in the form of snippets.

Depends on what you want to do and how many patforms you want to support.

locpicker is offline   Reply With Quote
Unread 27th March 2011, 09:10 AM   #5
Wotalotigot!
War Room Member
 
SDStudio's Avatar
 
Join Date: 2011
Location: Where its HOT!!
Posts: 293
Thanks: 79
Thanked 57 Times in 48 Posts
Default Re: What's the ideal site width ?.

Previously all are used 780px width and nowadays all are using 1000px width. Height is not a problem, that based on your content on home or inner page. My suggestion is 1000x650px for without scrolling website.

Cheers,
SD
SDStudio is offline   Reply With Quote
Unread 27th March 2011, 09:15 AM   #6
Owner of Strapless Media
 
actofrage's Avatar
 
Join Date: 2011
Location: the Netherlands
Posts: 43
Thanks: 3
Thanked 2 Times in 2 Posts
Default Re: What's the ideal site width ?.

when I create a website I usually go for a width of about 900-1000px, but like locpicker says it's not really relevant anymore, what with all these iPads and smartphones. These devices usually have pretty smart browsers which automatically downsize any content to fit on screen.

Making your site's width flexible is pretty important for the different sized screens (10" netbooks for example).

Don't worry too much about it though, I think if you stick to a maximum of about 900 or 1000px you'll be okay

Skip the chit-chat: Lists and everything else, in bite-sized chunks!
allyouneedislists.com
actofrage is offline   Reply With Quote
Unread 27th March 2011, 09:16 AM   #7
HyperActive Warrior
War Room Member
 
locpicker's Avatar
 
Join Date: 2009
Location: Nickelsville VA
Posts: 195
Thanks: 4
Thanked 18 Times in 17 Posts
Default Re: What's the ideal site width ?.

You are right. Things have changed. There are still coding standards in effect but most people do not follow them anymore. W3C has a long list of things you can go by but if you are coding to sell you will soon find that the customer is who will tell you what they want. And the in thing now is full page width designs the will expand when new content is added.

If you have a lot of content 650px is not very much room.

locpicker is offline   Reply With Quote
Unread 27th March 2011, 10:31 AM   #8
Senior Warrior Member
 
Join Date: 2010
Posts: 1,142
Thanks: 13
Thanked 71 Times in 69 Posts
Default Re: What's the ideal site width ?.

These days you can use % so that the content scales to the size of the persons screen.

HorseStall is offline   Reply With Quote
Unread 27th March 2011, 11:41 AM   #9
Warrior Member
 
Oilfield Salesman's Avatar
 
Join Date: 2011
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

I have mine set at a fixed width of 1100... But It all depends

http://www.oilfieldsalesman.com - Because You Are Paying Way Too Much!
Oilfield Salesman is offline   Reply With Quote
Unread 27th March 2011, 12:12 PM   #10
Wordpress Developer
 
Patrick's Avatar
 
Join Date: 2011
Location: Bangkok, Thailand
Posts: 1,108
Thanks: 57
Thanked 195 Times in 173 Posts
Default Re: What's the ideal site width ?.

980-1000 pixels...the standard width of 80% of websites I guess since most people now use resolution of 1024px width and higher...

Patrick is offline   Reply With Quote
Unread 27th March 2011, 02:18 PM   #11
Active Warrior
 
Join Date: 2010
Location: Los Angeles
Posts: 91
Thanks: 0
Thanked 11 Times in 11 Posts
Tip Re: What's the ideal site width ?.

Alan - here's what I did when I was redesigning my site and asked the same question:

I jumped into my Google Analytics stats and looked at the resolutions my viewers were already using. Even though there were still people using screens that were only 600-640px wide, it was a very small percentage, so I decided it was ok not to support them. Essentially you can't please everyone.

I wouldn't go down the road of dynamically resizing based on user agent testing, because remember that a viewer can resize their browser to be much smaller than their full monitor resolution actually is, and that code will become a bit of a headache to maintain.

HTH!

<!--PM me for a quicker reply. Thx!-->
kjhosein is offline   Reply With Quote
Unread 27th March 2011, 04:47 PM   #12
HyperActive Warrior
 
Join Date: 2010
Location: manchester uk
Posts: 131
Thanks: 0
Thanked 10 Times in 10 Posts
Default Re: What's the ideal site width ?.

Thankx for the feedback ALL,

Buy the looks of it i will stick to the 900 to 1000. I do not wory about hight as all my sites are expandable as content is aded by the user who can put as much or as little on one page as they choose.

Give everyone a chance
alan9187 is offline   Reply With Quote
Unread 27th March 2011, 04:53 PM   #13
HyperActive Warrior
 
Join Date: 2010
Location: manchester uk
Posts: 131
Thanks: 0
Thanked 10 Times in 10 Posts
Default Re: What's the ideal site width ?.

By the way,

I don't use Wordpress, but i was looking at doing some templates , do's hight and width matter when designing for wordpress, looking at some wordpress templates it seems there is no restictions.

Give everyone a chance
alan9187 is offline   Reply With Quote
Unread 27th March 2011, 06:20 PM   #14
Advanced Warrior
War Room Member
 
donhx's Avatar
 
Join Date: 2010
Location: SoCal
Posts: 863
Thanks: 150
Thanked 348 Times in 196 Posts
Default Re: What's the ideal site width ?.

As others have said, it has to do with the screen resolution of the "average" user. You don't want to have anyone scroll sideways. I keep all of my sites at 960 pixels wide max for that reason.

Length makes a small difference, but you should have some concerns about that. Some people have pages so long they scroll all the way down to China. My view is that they should be no more than 8-10 printed pages. Two reasons for that: people should not have to scroll forever, it is better to link. Also, shorter pages generally load faster, and that's always a good thing.

Quality content to beat the competition. Custom Ebooks
donhx is offline   Reply With Quote
Unread 27th March 2011, 06:21 PM   #15
Active Warrior
War Room Member
 
SEOJJ's Avatar
 
Join Date: 2011
Posts: 37
Thanks: 1
Thanked 4 Times in 4 Posts
Default Re: What's the ideal site width ?.

I make all my sites 900 pixels wide, some people still use 1024 for their monitors so I try to keep it below that.

Opportunity: Got a health-blog/site with traffic? I will give you unique articles (never used before, no rewrites) if you promote my anti-anxiety-ebook (Clickbank) with YOUR link-code. Send me a PM.

Fulltime Internet-Marketer and Online Business Owner since 2002.
SEOJJ is offline   Reply With Quote
Unread 28th March 2011, 05:41 AM   #16
HyperActive Warrior
 
Join Date: 2011
Posts: 188
Thanks: 0
Thanked 3 Times in 3 Posts
Default Re: What's the ideal site width ?.

Quote:
Originally Posted by alan9187 View Post
Hi everyone....

What's the best/ideal width of a web site so it can be viewed on most if not all computers. I've looked around and found all different widths of websites,

I imagine that it depends on the size of the viewers monitor and was woundering if there is some html code that will resize the site accoring to the montor size when it's being looked at .

There is not any hard and fast rule for size limit to design any website but make sure it should not be extending the size without any reason.
jack jastin is offline   Reply With Quote
Unread 28th March 2011, 01:04 PM   #17
Active Warrior
 
Join Date: 2011
Posts: 63
Thanks: 0
Thanked 2 Times in 2 Posts
Default Re: What's the ideal site width ?.

So softwares/ready made codes are different for each browser?

Webster Logan is offline   Reply With Quote
Unread 28th March 2011, 04:05 PM   #18
Warrior Member
 
Join Date: 2011
Posts: 18
Thanks: 0
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

The current standard website width is 960px. A few years ago it was recommended to not exceed 790px.

Deema is offline   Reply With Quote
Unread 28th March 2011, 04:13 PM   #19
The IM Profit
War Room Member
 
Peter Gehr's Avatar
 
Join Date: 2011
Posts: 372
Thanks: 126
Thanked 119 Times in 72 Posts
Default Re: What's the ideal site width ?.

I find it always pays to look at your site with as many browsers as you have available. Additionally, it's a good idea to check your sites on another computer as well.

Although IE is still popular, Firefox and Chrome are widely used, and certain aspects of your site may look a little different from browser to browser, i.e. if there's something wrong within your formatting.
Peter Gehr is offline   Reply With Quote
Unread 28th March 2011, 05:44 PM   #20
Grant Steele
War Room Member
 
gmscreative's Avatar
 
Join Date: 2009
Posts: 71
Thanks: 15
Thanked 12 Times in 9 Posts
Default Re: What's the ideal site width ?.

I use 960px...as above I thought that was the current standard.

gmscreative is offline   Reply With Quote
Unread 29th March 2011, 03:53 AM   #21
Warrior Member
 
Join Date: 2011
Posts: 23
Thanks: 0
Thanked 0 Times in 0 Posts
Arrow Re: What's the ideal site width ?.

Hello.. I think the width of web site is depends on it design and and you can adjust it as your requirement.
yourmobisite is offline   Reply With Quote
Unread 29th March 2011, 12:53 PM   #22
Active Warrior
 
Join Date: 2011
Posts: 63
Thanks: 0
Thanked 2 Times in 2 Posts
Default Re: What's the ideal site width ?.

So there is no hard and fast rule when it comes to a size of the website?

Webster Logan is offline   Reply With Quote
Unread 8th April 2011, 01:38 PM   #23
HyperActive Warrior
 
Join Date: 2010
Location: manchester uk
Posts: 131
Thanks: 0
Thanked 10 Times in 10 Posts
Default Re: What's the ideal site width ?.

thanks all, real help

Give everyone a chance
alan9187 is offline   Reply With Quote
Unread 8th April 2011, 02:12 PM   #24
Warrior Member
 
Join Date: 2011
Posts: 19
Thanks: 1
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

I found the ideal width of the main content of the web page is around 700 pixels.

adianadiadi is offline   Reply With Quote
Unread 9th April 2011, 12:56 AM   #25
Warrior Member
 
Join Date: 2011
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

The first consideration for a fixed-width layout, is the width of the user's screen. If you have collected these statistics from your current website visitors, then you should cater to your current visitor base. If you do not have this information, or this is your first website, then you will need to use some more general statistics. If you search the web you will find many different sites that have collected browser statistics.
-------------------------------



jaialeksandra is offline   Reply With Quote
Unread 9th April 2011, 04:59 AM   #26
Active Warrior
 
RyanRobinson's Avatar
 
Join Date: 2010
Location: England
Posts: 67
Thanks: 6
Thanked 6 Times in 6 Posts
Default Re: What's the ideal site width ?.

All of the top web designers design around 960 Grid System

960 Grid System

960px width with a 10px gutter on each side.

Send me a PM regarding any web design/development work.
RyanRobinson is offline   Reply With Quote
Unread 9th April 2011, 05:31 AM   #27
Warrior Member
 
Join Date: 2011
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

Great discussions about site width.




joepeter is offline   Reply With Quote
Unread 9th April 2011, 05:42 AM   #28
Champion Marketer
War Room Member
 
lordhyde's Avatar
 
Join Date: 2010
Location: Puebla, Mexico
Posts: 26
Thanks: 3
Thanked 3 Times in 2 Posts
Default Re: What's the ideal site width ?.

900-1000px width... recommended, 960px

but it all depends in your market... if you target old people, you might think better in work with an 780px widht and BIG font size.

if you target designers... you might go with 1400 or even more, since most of them use at least a 19" widescreen.

I recommend you check your server logs and analytics to find the most common used browser and resolution. that will give you great advice about what to use.
lordhyde is offline   Reply With Quote
Unread 9th April 2011, 05:46 AM   #29
HyperActive Warrior
War Room Member
 
jimbob's Avatar
 
Join Date: 2005
Location: Northampton, UK
Posts: 481
Thanks: 2
Thanked 6 Times in 6 Posts
Default Re: What's the ideal site width ?.

You also need to consider your content - a sales letter with a width if 980-1000px is generally going to be harder to read than one set at, for example, 600px.

Most people these days have at least a 1024x768 resolution, which is why most well-trafficked sites settle on a width of somewhere between 950 and 1000px:

Facebook = 981px
Youtube = 970px
Yahoo = 972px
BBC = 974px

All different, but all within 11px of one another and, crucially, no horizontal scrollbar at a resolution of 1024x768.

But as mentioned by others, modern browsers are excellent at showing the content regardless. Still, opt for something around 980px and you'll be fine.

James Simpson
jimbob is offline   Reply With Quote
Unread 9th April 2011, 09:30 AM   #30
Warrior Member
 
Join Date: 2011
Posts: 19
Thanks: 1
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

why not mentioning the percent width using style sheets?

adianadiadi is offline   Reply With Quote
Unread 9th April 2011, 09:44 AM   #31
WordPress Expert
War Room Member
 
xtrapunch's Avatar
 
Join Date: 2011
Location: New Delhi, India
Posts: 995
Thanks: 21
Thanked 128 Times in 107 Posts
Default Re: What's the ideal site width ?.

Quote:
Originally Posted by schwarzes View Post
980-1000 pixels...the standard width of 80% of websites I guess since most people now use resolution of 1024px width and higher...
It's correct. 980px is kind of standard even when we have screen with higher resolution.

xtrapunch is offline   Reply With Quote
Unread 9th April 2011, 09:46 AM   #32
WordPress Expert
War Room Member
 
xtrapunch's Avatar
 
Join Date: 2011
Location: New Delhi, India
Posts: 995
Thanks: 21
Thanked 128 Times in 107 Posts
Default Re: What's the ideal site width ?.

Quote:
Originally Posted by adianadiadi View Post
why not mentioning the percent width using style sheets?
If you use %, the website will look very different on two screen resolutions. A very wide content area is not ideal for websites that require people to read. It's like having entire newspaper printed as one column.

xtrapunch is offline   Reply With Quote
Unread 9th April 2011, 11:07 AM   #33
Warrior Member
 
Join Date: 2011
Posts: 19
Thanks: 1
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

Quote:
Originally Posted by xtrapunch View Post
If you use %, the website will look very different on two screen resolutions. A very wide content area is not ideal for websites that require people to read. It's like having entire newspaper printed as one column.
Ok! What about using 60 to 70 percent? I use 85 percent on my site.

adianadiadi is offline   Reply With Quote
Unread 9th April 2011, 01:55 PM   #34
HyperActive Warrior
 
Join Date: 2010
Location: manchester uk
Posts: 131
Thanks: 0
Thanked 10 Times in 10 Posts
Default Re: What's the ideal site width ?.

Thanx again ALL for such great input on this subject.

Looks like 950 will be the width for me, thought 1000 at first till more feedback came, I think 950 is around the right width for the type of sites that i will be making and will probably be the best width for the customers content input on the site that they will be purchasing .

Having said that ( spanner in the works here ), Most of the sites if not all that i will make will be minisites with expanding page length so the customer can add as much content to a page as they wish. There will be a content area of around 600 to 700pxls wide centerd on the site, is this ok or should the content area be same as the site width with padding ?.

Give everyone a chance
alan9187 is offline   Reply With Quote
Unread 17th April 2011, 05:46 AM   #35
HyperActive Warrior
 
Join Date: 2010
Location: manchester uk
Posts: 131
Thanks: 0
Thanked 10 Times in 10 Posts
Default Re: What's the ideal site width ?.

Thanks again all for the replys.

Is there somewhere or a software that i can put on my pc so that i can preview my sites in all brousers quickly ?. I use windows pc but would like to see how the sites look in brousers for the mac .

Give everyone a chance
alan9187 is offline   Reply With Quote
Unread 17th April 2011, 07:42 AM   #36
Evan Mugford
War Room Member
 
Evan-M's Avatar
 
Join Date: 2010
Location: N.S. Canada
Posts: 414
Thanks: 22
Thanked 54 Times in 49 Posts
Default Re: What's the ideal site width ?.

if going with a fixed width, go with 1015px, that pretty much covers 99% of users.

the reason is, there are still allot of users using 1024 width as there res. and the scroller on the side is 9 px wide. so anything under 1015 will fit there screen, and that is the smallest common res used. the old standard was for 800width screens , but those res are far and few between now.

Evan-M

Easily The Worlds Best Wordpress Popup plugin

Visit Website Design Firm For All Your Wordpress Coding Needs
Evan-M is offline   Reply With Quote
Unread 17th April 2011, 07:59 AM   #37
Warrior Member
 
Tautvydas's Avatar
 
Join Date: 2011
Location: Lithuania
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

960px is ideal width, witch renders well in nearly all screen sizes.

Searching for something new in web-development? Visit my blog for web designers!
***
Photoshop PSD designs | free icon sets | IT naujienos
Tautvydas is offline   Reply With Quote
Unread 17th April 2011, 10:34 AM   #38
Warrior Member
 
Join Date: 2011
Posts: 19
Thanks: 1
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

Why to bother about specifying the width. Just leave it. The browser will set it. Any comment?

adianadiadi is offline   Reply With Quote
Unread 17th April 2011, 10:44 AM   #39
Warrior Member
 
Join Date: 2011
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

I love 960GS.
Squeenix is offline   Reply With Quote
Unread 17th April 2011, 10:47 AM   #40
Mkj
HyperActive Warrior
 
Join Date: 2011
Posts: 197
Thanks: 3
Thanked 21 Times in 21 Posts
Default Re: What's the ideal site width ?.

You could use max-width.

CSS max-width property

This would enable screens below the max-width you set to adjust to the screen size and would stop the need for the user to scroll sideways to see the content. Though it can cause menus and so on to look odd should they be set right for a max-width of 960px say.
Mkj is offline   Reply With Quote
Unread 17th April 2011, 10:52 AM   #41
Evan Mugford
War Room Member
 
Evan-M's Avatar
 
Join Date: 2010
Location: N.S. Canada
Posts: 414
Thanks: 22
Thanked 54 Times in 49 Posts
Default Re: What's the ideal site width ?.

Quote:
Originally Posted by adianadiadi View Post
Why to bother about specifying the width. Just leave it. The browser will set it. Any comment?
with a floating design its much harder to have things layout the way you want...in some layouts it works well, but most it looks sloppy unless it was designed for a floating width

Evan-M

Easily The Worlds Best Wordpress Popup plugin

Visit Website Design Firm For All Your Wordpress Coding Needs
Evan-M is offline   Reply With Quote
Unread 17th April 2011, 11:09 AM   #42
Smoke Free..since an hour
War Room Member
 
iAmNameLess's Avatar
 
Join Date: 2010
Location: Above The Fold
Posts: 5,355
Thanks: 865
Thanked 3,098 Times in 1,450 Posts
Default Re: What's the ideal site width ?.

Quote:
Originally Posted by gmscreative View Post
I use 960px...as above I thought that was the current standard.
960 is the current standard. I always use that unless otherwise specified.

Getting ready to launch a white label web design & Local SEO service. If you want to be notified of updates, and other info, send me a PM with your email addy.
iAmNameLess is offline   Reply With Quote
Unread 18th April 2011, 02:46 AM   #43
Wordpress Master
 
oknoorap's Avatar
 
Join Date: 2010
Location: Asia
Posts: 70
Thanks: 1
Thanked 4 Times in 4 Posts
Default Re: What's the ideal site width ?.

960 px is ideal for any desktop devices. for mobile devices you should use % than px, for css.

Just Web Developer.
oknoorap is offline   Reply With Quote
Unread 18th April 2011, 08:52 AM   #44
Advanced Warrior
War Room Member
 
ronc0011's Avatar
 
Join Date: 2010
Posts: 802
Thanks: 14
Thanked 62 Times in 57 Posts
Default Re: What's the ideal site width ?.

I always use a liquid layout using "%"s and floats, and then set a min-width value so the floats don't start stacking. This way the page always fills the browser window even if the user has a wide monitor. I usually set a min-width of about 960 or so. I also usually set a width value for "p" tags so the text doesn't run too wide on a wide monitor.

I am running dual monitors so I can stretch my browser really wide for testing this approach. Works very good. Also because I have dual monitors I tend to have 20 things open at once and my browser is always in floating mode i.e. never maximized. I'm always dragging it from one screen to the other. It's never at full size.

All that being said I am currently working with a lot of Wordpress sites and all that stuff is pre configured and I'm not going to start trying to re-code WP themes.
ronc0011 is offline   Reply With Quote
Unread 18th April 2011, 09:06 AM   #45
Warrior Member
 
Join Date: 2011
Posts: 19
Thanks: 1
Thanked 0 Times in 0 Posts
Default Re: What's the ideal site width ?.

Quote:
Originally Posted by ronc0011 View Post
I always use a liquid layout using "%"s and floats, and then set a min-width value so the floats don't start stacking. This way the page always fills the browser window even if the user has a wide monitor. I usually set a min-width of about 960 or so. I also usually set a width value for "p" tags so the text doesn't run too wide on a wide monitor.

I am running dual monitors so I can stretch my browser really wide for testing this approach. Works very good. Also because I have dual monitors I tend to have 20 things open at once and my browser is always in floating mode i.e. never maximized. I'm always dragging it from one screen to the other. It's never at full size.

All that being said I am currently working with a lot of Wordpress sites and all that stuff is pre configured and I'm not going to start trying to re-code WP themes.
Setting width value for p tags is new to me. How is it possible. Is it possible? OK I will try.

adianadiadi is offline   Reply With Quote
Unread 18th April 2011, 09:08 AM   #46
Advanced Warrior
War Room Member
 
ronc0011's Avatar
 
Join Date: 2010
Posts: 802
Thanks: 14
Thanked 62 Times in 57 Posts
Default Re: What's the ideal site width ?.

Yes, you can max-width values for "p" tags.
ronc0011 is offline   Reply With Quote
Reply

  Warrior Forum - The #1 Internet Marketing Forum & Marketplace > Warrior Support Forums > Website Design

Bookmarks

Tags
ideal, site, web, width

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off




All times are GMT -6. The time now is 02:22 AM.