I've been working on my website and I can't figure out what size it should be. I've heard some people say 800x600 but that size was way to small for my browser. I ended up doing 1260 width for now because it fits in my particular browser. However, the website doesn't fit on other browser I've checked on.
So my question is, What size should my website be and how come I can't get the website to fit every browser like some websites I've seen?
Any help would be appreciated. Here's the site if anyone's interested.
1024x768 become the standard, most people are using this resolution. If you expect many users, you can do it for 800x600. For best results you should use a liquid layout, that expands to the maximum width (see our search results page).
The simplest way I think is to create a table and make the width set to '100%' instead of a fixed number of pixels.
Then, set the columns within that table to whatever percentage of 100% you want. So, you might have a left column with your navigation which is set to 20% and a centre column to hold your main content set to 70% and finally a right hand column for some graphics set to 10%.
Whatever the width of the users browser window, these percentages will hold true. You can also mix percentage columns with exact pixel ones. Using the example above again, it could be that the left col is 100 pixels, right col 50 pixels and then you would set your middle one to 100%, so that it always fills the remaining space.
These are just examples. Have a play with the values and see what you get.
I currently design all my client's website at 1000 pixels in width and centering the page. If you want better control of your layout, I suggest specifying the width instead of using 100% width on your table HTML tags.
As a long time professional web designer I noticed, and cringed at some of the advice given.
First, just because a site will fit your large wide screen monitor obviously doesn't mean it'll fit others. By setting your maximum width to fit 1000px your site will be sized appropriately to fit the most common browser/screen resolution, 1024x768. However, you mustn't stop there. You might get the background to fit the width at 1024 wide but you must be careful with text, buttons, graphics and animated elements.
I took a look at your current website and the text, logotype and buttons are very large. You should keep text at no more than 80% in your CSS. By using percentages you allow your visitors to increase or decrease the sizes however they need. You also need to shrink your buttons by half. A button needs to be no larger than for a standard cursor to fit on it height wise.
Another person said to set a table width to 100%. That is a huge no no in web design. You should never use tables to create a website layout. Tables are designed for tabular data. You should start designing your website in CSS. There are numerous tutorials on CSS or you could purchase a CSS/xhtml/php template online if you cannot write CSS. Also, you could hire a designer to create a custom gallery for you.
It's all very well telling someone to design their site in CSS, but when their just trying to put together their own site rather than do it for a living, do you really expect them to learn a whole new programming language?!
Using tables is a perfectly valid method for creating simple websites, and if used correctly can ensure consistent layout across browsers and platforms.
Many web designers aren't coders, and wysiwyg is how we work. I have a very basic grasp of CSS, but switched to it years ago as it enables so much more flexibility. There are millions of free templates available, as well as tutorials on CSS/PHP so my advice would be to grab one, and then make small changes in the style.css file, all the time checking the result and reversing if it isn't what you want. Experiment, find what changes colours, widths of columns, size of text etc. until you like what you have. The major advantage of CSS is you can make a global change across a site's pages, so you retain a consistent look without having to go through all the pages altering things.
Getting a site to resize according to the browser width is easy with CSS, and remember a lot of people have a browser nav bar down the left side, which trims the screen width.
i wrote my website in width of 1000px aligned to center, height is dependent on content. I display my pictures with longest side of 900px (and the quality has been cut). I know that some laptop users with low resolution cannot see the full size vertical images as their resolution is lower than 900 in height. But i don't care. IMO laptop is for work, larger monitor with greater resolution should be used for entertainment and images. I use 24" 1900x1200.
My site: www.hundiurg.eu (sorry, i haven't set up English version yet. It's only in Estonian).