I don't really know if I'm asking in the right place, so if my question has to be transferred I apologize for it. I am totally noob in this place.
Thank you.
I don't really know if I'm asking in the right place, so if my question has to be transferred I apologize for it. I am totally noob in this place.
Thank you.
Whatever I'm working on.
Really I try to fit everything on about 900px. 1024x768 is very much the norm, and the most common resolution today. I wouldn't go past it without a very good reason too.
WE target 1024x768. Our biggest problem is customers who use our services might frame us in within thier own websites, targetted for the same resolution and we're still too small.
It is also interesting what versions of browsers to support - 38% of our traffic is still IE6!
I work on an internal company web app. Many of our users (for some reason) use 800x600, so we try to support that.
I suggest
750px if targeting 800 x 600 px
950px if targeting 1024 x 768 px
1220px if targeting 1280 x 1024 px
Whatever system you are targeting, make sure you leave at least 50px gap for the scroll bar and sidebar(in some browsers)
The standard "End-User" accepted screen resolution varies from 1280 X 1024 ~ 1400 X 1050
However, if you're talking from a "QA" point of view, the bare minimum requirement usually is 1024 X 768
Flexible websites are the future. It has its quirks, but it's not as hard as it may seem.
You have netbooks, iPads, laptops and then 24", 27" and even 30" monitors. And the list is going to grow.
Smart use of min-width/max-width, percentage-based widths and, perhaps, media-quires allow you to achieve extremely amazing results.
Recent A List Apart issue on the subject: http://www.alistapart.com/articles/responsive-web-design/
as i think you should target 1024x768
because this resolution is main in all over world pc. mostly computer user use 1024x768 and you should 1000px
as i work always.
Concur with the posters above, generally the norm today is 1024x768 (and use a base 960 grid)
But you should always pay attention to your server logs/webstats first. They will tell you the most used screen resolutions of your visitors, and browser info. There likely are some surprises, and you will get better data about your users from your logs than asking us.
The best width to a website that works well in all resolutions is 960px wide for what I have found so far.
Minimum ?
I'd say 480px :) like in:
<link media="only screen and (max-device-width: 480px)" href="http://www.alsacreations.com/css/handheld.css" type="text/css" rel="stylesheet" />
We design centered and fixed width pages from 950 to 1004px (960, 970 or 1000px mainly, 1004 is the upper upper limit).
Netbooks have a resolution of 1024x600px
mainly so:
Google released Browser Size, a tool that'll show you width, height of the viewport (not resolution of the screen or size of the browser window) and the percentage of visitors having a bigger viewport, data obtained from "people that visited Google". It works better with icy designs than for jelly and fluid designs
As with most of the above, we tend to design to 1024x768, with nothing wider than 980px.