what is the standard size of a website like the width and hieght so i can design my next website in photoshop<!--content-->There is none, make it fluid so it will look good at all resolutions. If you make it so it will fit width wise for 800 by 600 it will look crap for high res, if you make it for higher it will get a horizonal scroll bar at 800 by 600. Use a combination of css html and images, do not just slice an image and throw it in a table.<!--content-->http://hotwired.lycos.com/webmonkey/99/41/index3a.html?tw=design<!--content-->Hello Sir,<br />
Most peoples browsers are set to 800x600 pixels. Me personally, and most computer literate people have them turned up to 1024x768 or higher.<!--content-->ok thats cool thnkyou<!--content-->I still say make the layout fluid for best results.<!--content-->100% width and whatever height is required to fit the content (should not exceed 20K per page).<br />
Attempts to design a page with a certain pixel width are doomed to failure.<!--content-->someone aggrees with me!
<!--content-->Originally posted by Richard1 <br />
Hello Sir,<br />
Most peoples browsers are set to 800x600 pixels. Me personally, and most computer literate people have them turned up to 1024x768 or higher. <br />
<br />
The last time I knew 1024X768 actually was the number one resolution, but 800X600 is still a huge percentage of users.<br />
<br />
And even though I promote fluid design, there are a number of top designers that use fixed designs and they look good on my 1400X1050 resolution.<!--content-->do you run around with browser maxed?<!--content-->Yes. Take Simple Bits for instance. The content is centered and thus adjusts to stay in the middle on larger than 800 wide resolutions, and the way he has his markup and CSS done, he could easily make a PDA version.<!--content-->well for ultra low res I would use asp.net webcontrols... but since not everyone uses asp.net I see where you are comeing from.<!--content-->There is a compromise in the rigid vs. fluid design philosophies: using em as the unit of measure when specifying widths for your content. Check the following article at A List Apart entitled "Elastic Design."<br />
<br />
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/elastic/">http://www.alistapart.com/articles/elastic/</a><!-- m --><br />
<br />
Your layout changes based on user text-size settings. Click View, Text Size or Text Zoom and select a different text size. The layout resizes itself proportionately to the text size. For a site that will be a working example:<br />
<br />
<!-- m --><a class="postlink" href="http://www.cm-life.com/pages/mjw/">http://www.cm-life.com/pages/mjw/</a><!-- m --><br />
<br />
It will be taken down in the next week or so and moved to <!-- m --><a class="postlink" href="http://mjw.cmich.edu/">http://mjw.cmich.edu/</a><!-- m --><!--content-->Regardless wether you're using a fluid or a fixed lay-out, bare in mind that different browsers show different canvas sizes. This is the area actually available on screen for your website. These canvasses differ for each browser, because they each have different toolbars and such. Last year I found the results of a research that was done trying to find a worst-case-scenario. In other words, which size should my design be to fit in any browser?<br />
<br />
e.g. The save canvas for a 800x600 screen resolution is only 744x410 pixels!!<br />
<br />
I created a little online tool where you can look up these save canvas sizes, and in which you can test your site at any screen resolution. Try it at <!-- w --><a class="postlink" href="http://www.alpinetrekking.com/canvas">www.alpinetrekking.com/canvas</a><!-- w -->. />
<br />
Cheers, Jochem
<!--content-->but having a page 30px from each margin is not going to change in any browser or any res, it will always be 30 px away even if stuff inside stretches. That is the whole idea behind a fluid design.<!--content-->Of course the ideal thing to do would be to create a fluid and fixed layout and then use a style sheet switcher to give the user the option between the two. <!--content-->When thinking of fluid designs, people tend to think of expantion. But let's not forget the zillions of users that have a 800x600 or even smaller screen resolution. Especially for those resolutions it is important to make sure that your website still fits in when resized. Background images for instance may turn out to large.<br />
<br />
So, expanding is never the problem. Comprimizing is. Therefore each website should be checked at save canvas sizes.<br />
<br />
Cheers, Jochem<!--content-->do I need to drop the bluerobot link again? 
<!--content-->I'd say "no". It doesn't add a thing to the question asked in this thread.<br />
<br />
Modifier_Guy, you might however be interested in this link: <!-- m --><a class="postlink" href="http://www.browsercam.com/default.aspx">http://www.browsercam.com/default.aspx</a><!-- m -->. />
<br />
Cheers, Jochem<!--content-->
Most peoples browsers are set to 800x600 pixels. Me personally, and most computer literate people have them turned up to 1024x768 or higher.<!--content-->ok thats cool thnkyou<!--content-->I still say make the layout fluid for best results.<!--content-->100% width and whatever height is required to fit the content (should not exceed 20K per page).<br />
Attempts to design a page with a certain pixel width are doomed to failure.<!--content-->someone aggrees with me!
<!--content-->Originally posted by Richard1 <br />Hello Sir,<br />
Most peoples browsers are set to 800x600 pixels. Me personally, and most computer literate people have them turned up to 1024x768 or higher. <br />
<br />
The last time I knew 1024X768 actually was the number one resolution, but 800X600 is still a huge percentage of users.<br />
<br />
And even though I promote fluid design, there are a number of top designers that use fixed designs and they look good on my 1400X1050 resolution.<!--content-->do you run around with browser maxed?<!--content-->Yes. Take Simple Bits for instance. The content is centered and thus adjusts to stay in the middle on larger than 800 wide resolutions, and the way he has his markup and CSS done, he could easily make a PDA version.<!--content-->well for ultra low res I would use asp.net webcontrols... but since not everyone uses asp.net I see where you are comeing from.<!--content-->There is a compromise in the rigid vs. fluid design philosophies: using em as the unit of measure when specifying widths for your content. Check the following article at A List Apart entitled "Elastic Design."<br />
<br />
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/elastic/">http://www.alistapart.com/articles/elastic/</a><!-- m --><br />
<br />
Your layout changes based on user text-size settings. Click View, Text Size or Text Zoom and select a different text size. The layout resizes itself proportionately to the text size. For a site that will be a working example:<br />
<br />
<!-- m --><a class="postlink" href="http://www.cm-life.com/pages/mjw/">http://www.cm-life.com/pages/mjw/</a><!-- m --><br />
<br />
It will be taken down in the next week or so and moved to <!-- m --><a class="postlink" href="http://mjw.cmich.edu/">http://mjw.cmich.edu/</a><!-- m --><!--content-->Regardless wether you're using a fluid or a fixed lay-out, bare in mind that different browsers show different canvas sizes. This is the area actually available on screen for your website. These canvasses differ for each browser, because they each have different toolbars and such. Last year I found the results of a research that was done trying to find a worst-case-scenario. In other words, which size should my design be to fit in any browser?<br />
<br />
e.g. The save canvas for a 800x600 screen resolution is only 744x410 pixels!!<br />
<br />
I created a little online tool where you can look up these save canvas sizes, and in which you can test your site at any screen resolution. Try it at <!-- w --><a class="postlink" href="http://www.alpinetrekking.com/canvas">www.alpinetrekking.com/canvas</a><!-- w -->. />
<br />
Cheers, Jochem
<!--content-->but having a page 30px from each margin is not going to change in any browser or any res, it will always be 30 px away even if stuff inside stretches. That is the whole idea behind a fluid design.<!--content-->Of course the ideal thing to do would be to create a fluid and fixed layout and then use a style sheet switcher to give the user the option between the two. <!--content-->When thinking of fluid designs, people tend to think of expantion. But let's not forget the zillions of users that have a 800x600 or even smaller screen resolution. Especially for those resolutions it is important to make sure that your website still fits in when resized. Background images for instance may turn out to large.<br /><br />
So, expanding is never the problem. Comprimizing is. Therefore each website should be checked at save canvas sizes.<br />
<br />
Cheers, Jochem
<!--content-->do I need to drop the bluerobot link again? <!--content-->I'd say "no". It doesn't add a thing to the question asked in this thread.<br /><br />
Modifier_Guy, you might however be interested in this link: <!-- m --><a class="postlink" href="http://www.browsercam.com/default.aspx">http://www.browsercam.com/default.aspx</a><!-- m -->. />
<br />
Cheers, Jochem
<!--content-->