|
|
||||||
|
||||||
| Index Link To US Private Messages Archive FAQ RSS | ||||||
| Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability. |
Share Thread: & Tags
|
||||
|
![]() |
|
|
LinkBack | Thread Tools | Display Modes |
|
||||
|
These days, the vast majority of your users will have monitors capable of 1024x768 or better.
Here's a link to another thread where I've provided more info on max/min page widths and current trends. Web site with... Dynamic Drive has a ton of CSS menus you can use. They've provided a bunch of styles to choose from, so you should be able to find one that'll do what you need it to do. Dynamic Drive CSS Library- Practical CSS codes and examples (They've also got CSS layout templates)
__________________
. Printer ink & toner cartridges in Canada | Web Payroll, online HR tools, time & attendance |
|
||||
|
Rightly or wrongly, I've given up on 800x600. There just seems to end up being huge quantities of design compromises as a direct result of catering for what is now a tiny percentage of web users. It's enough of a headache getting FF & IE to agree on how to render HTML as it is for me
__________________
Andy Fletcher, not the famous one. |
|
||||
|
Incidently, my favourite place for CSS based menus.
__________________
Andy Fletcher, not the famous one. |
|
||||
|
Quote:
__________________
"Being an expert isn't telling other people what you know. It's understanding what questions to ask, and flexibly applying your knowledge to the specific situation at hand. Being an expert means providing sensible, highly contextual direction." Jeff Atwood SEO Workers - Search Engine Optimization Consulting Company | SEO Analysis Tool | Webnauts Net SEO |
|
|||
|
906 pixels wide seems to be a very popular fixed-width number among our design crew.
Has been since 1024x768 or higher is over 80% of the market (roughly August of last year).
__________________
:not_the_usual1 [you decide] ________________ All in my opinion, which, when combined carefully with a $1 bill, gets you a cup of coffee at the corner store. |
|
||||
|
Quote:
__________________
"Being an expert isn't telling other people what you know. It's understanding what questions to ask, and flexibly applying your knowledge to the specific situation at hand. Being an expert means providing sensible, highly contextual direction." Jeff Atwood SEO Workers - Search Engine Optimization Consulting Company | SEO Analysis Tool | Webnauts Net SEO |
|
|||
|
I tend to design my sites around the 980px width - sometimes only 940px if the design works like that.
Only about 5% of web users at home have displays only capable of viewing at 800x600. Although that might be rising again soon as more and more people start to use their Nintendo Wiis to surf (800x600 resolution on tvs). The big problem over the next year or two is whether your site can be rendered on even smaller screens - PDAs, Mobile Phones, Nintendo DS, PSP etc. As 3G mobile phones become more popular and services like T-mobile's Web'n'Walk (permanent internet access) you're going to find a high percentage of people checking emails, reading news sites, going through RSS feeds and other online tasks from their phones. I already test my sites where possible on small-screen rendering (Firefox developer tools has a handy test) but it can still mean the occasional second CSS stylesheet to make things work fully! |
|
||||
|
Thanks all for the comments, of course there is the need to think of very small screens, I hadn't really thought of that though I might be inclined to go for an area of the website focusing on design specifically for hand-helds.
The Wii and other TV type browsers, I hadn't thought of that and could be important as the web site I am working on is aimed largely at the domestic market - though most access remains during work time. The bbc website remains 800 x 600 ... |
|
||||
|
Every six months or so, Valve (the company that publishes Half-Life and CounterStrike, and runs Steam, one of the largest game content distribution systems) runs a survey of the hardware used by the vast majority of their customers. The results in this survey are somewhat slanted since most respondents are gamers, but the last survey showed 2% of over a million respondents were using a resolution of 800x600. Adjusting for the audience, this would indicate at least 5% of the general internet population is using this resolution. Many web site analytics applications show similar numbers around the web. The resolution is dying, but it is still in use enough to not be ignored.
By the way, the valve survey results can be accessed at Valve Survey Summary
__________________
The best way to learn anything, is to question everything. |
|
|||
|
I love these guys - great browser numbers and really excellent tutorials on everything Web:
Browser Display Statistics
__________________
:not_the_usual1 [you decide] ________________ All in my opinion, which, when combined carefully with a $1 bill, gets you a cup of coffee at the corner store. |
|
||||
|
Quote:
This in no way suggests that they leave their monitor set at 800x600 if they're not actively playing. You simply can't assume gamers surf the web at 800x600. I'd tend to rely more on the data on the W3schools site where they're measuring users while they surf websites.
__________________
. Printer ink & toner cartridges in Canada | Web Payroll, online HR tools, time & attendance |
|
|||
|
Regardless of screen size, it is still prudent to hold the width of your main content to under 800 pixels, and some might even suggest as narrow as 600 pixels, which still nicely fits two columns of text. This closely matches a sheet of ordinary A5 paper (~8-1/2 x 11) with margins.
Every user has different preferences though we may be hard pressed to find any that have a fondness for the horizontal scroll bar. Fluid layout helps to some degree, as long as the developer places constraints on the main content size so that it doesn't slip off the screen for narrow width viewers. What some sites do to help curtail the horizontal scroll is to use javascript to collapse outlying content. We should not assume that one size fits all when it comes to choosing whether to go with fluid or fixed. It really does boil down to intended audience and the purpose of the content. If your audience is largely made up of 'dinosaurs and troglodytes' then their special needs will be a major consideration. Fixed width still does have a place in the scheme of things, albeit perhaps a thin sliver in terms of the global pie. |
|
||||
|
I design my website accordign to 800x600
__________________
Work at home jobs online - Information on work at home jobs. Sweet love quotes - famous quotes on love and friendship |
|
||||
|
Since most of my wesites involve old west history and cater to the over 40 crowd, I design in 800X600.
__________________
Invent the possibilities, not the obstacles. Tombstone Arizona - Tombstone Arizona History - Tombstone Arizona Souvenirs |
|
||||
|
Quote:
They have just run a new survey, starting on November 13, and this new survey shows a smaller percentage of users at 800x600. The new percentage is under 1.5%. They also added a category indicating monitor size. I think this is determined by looking at new variables reported by monitors. It shows that 9% of users have a 15" monitor, which is the size that typically defaulted to 800x600. (17" was 1028, etc.) This may indicate that people are raising their resolutions to view web and other content that is getting wider and wider.
__________________
The best way to learn anything, is to question everything. |
|
|||
|
If you are taking about trend then look at hotmail and yahoo or gmail. These all are designed to be best viewed at 1024x768. Also new ajax and json based websites prefer this resolution. But it all depends on your target audiance.
__________________
www.ecommerce-xperts.com |
|
|||
|
Here is a tutorial about css menus:
CSS Menu Tutorial - Horizontal and Vertical CSS Menus Maybe it's helpful. |
|
||||
|
I have seen some sites they try to accommodate both styles at once pretty effectively. You can either set your body to have margins all the way around, or create a table/div or whatever at a width percentage less the 100%. Something like 80%, and you will get a similar look to a fixed width site, with the flexibility of fluid site.
|
|
|||
|
Regarding site width it is very simple. If you want your site wider than 800 px just make sure to fit in 1024px screen without horizontal scroll bar.
For css based menus just go to cssplay.co.uk they have a lot of nice menus there and you can download them for free.
__________________
http://www.templates-4u.com :: http://pccomputerrepair.blogspot.com :: http://businessfromhome-online.blogspot.com |
|
||||
|
Hi Simon
I am sure this has been discussed many times but as you can see from the replies you've received it is still a debatable subject. The best way to decide is look at your web statistics for the last few months: If its a detailed analysis it will tell you what resolution is most popular amongst your users. Hope this helps. |
|
|||
|
Quote:
Quite informative and helpful for me too to adjust the things. Thanks |
|
|||
|
Look at this website Ladies Shoes, Ladies Boots, Gold & Silver Party Shoes, Patent, Sequin, High Heel Cheap Shoes Online, hope it will work for you and help you in making the right decision.
|
|
|||
|
Quote:
*** 100% Pure CSS Menu (Visual / SEO / Fast / Full Featured!) *** |
|
|||
|
When designing a website how wide should it be? The easiest answer to the website width question is make a fixed width website that will fit into the smallest standard screen resolution. The smallest screen resolution is 800 pixels by 600 pixles. Therefore design your site to be about 780 pixels wide, this will allow for a scroll bar and "web design creep".
|
![]() |
|
| Thread Tools | |
| Display Modes | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| Fixed or Variable Width Layouts | ackerley1 | Graphics & Design Discussion Forum | 12 | 09-26-2008 05:35 PM |
| Page Width | mickstaf35 | Graphics & Design Discussion Forum | 2 | 08-01-2006 04:15 PM |
| DIV width | jannmirch | Graphics & Design Discussion Forum | 1 | 07-27-2006 04:49 PM |
| Image width & height | souvik das | Graphics & Design Discussion Forum | 4 | 04-30-2005 12:46 AM |
| max-width table or div | bushbass | Graphics & Design Discussion Forum | 5 | 10-22-2003 04:00 AM |
|
WebProWorld |
Advertise |
Contact Us |
About |
Forum Rules |
MVP's |
Archive |
Newsletter Archive |
Top |
WebProNews
WebProWorld is an iEntry, Inc. ® site - © 2009 All Rights Reserved Privacy Policy and Legal iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509 |