Web Design and Graphics Room. Thread, Why 800x600 for webpage design

CPS · #1 31st-January-2006, 09:50 PM

Well a screen resolution of 800x600 is still the Main Standard.
Ref:- w3.org who set the standard.
Why, because most people use that resolution on there PC's.

So if you are thinking of making your own website and you are using a resolution of 1024x768 or higher, change it.
You can change it back again when finished coding and saved it.

Why, if you don't, people who view your site will have to scroll from side to side and thats a no, no.

Yes you can design web pages that fit other screen resolutions automatically, but that entails a lot of extra work.

Like making several copies of the same page at different resolutions.
Also adding special code that detects the resolution being used on the remote viewers PC.

So designing your web page in 800x600, ensures it can be viewed in all resolutions without side ways scrolling.

CPS · #2 1st-February-2006, 08:56 AM

A simple fix is this, place your page code within a table using a percentage figure of 100%.
This makes your page fit a higher resolution, its not perfect but does work.
You need to check how the contents look at a higher resolution than 800x600.

The code to use.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>index.htm</title>
</head>
<table hight="100%"width="100%" border="0" cellspacing="0" cellpadding="0">

    <tr>
      <td>
<body>



</body>
    </td>
   </tr>
</table>
</html>

brydavies · #3 7th-February-2006, 04:53 PM

Hi,
Yes I dropped a boo boo with this but in frontpage I ask for a new page and it comes up as a default, how do I change the pixel dims please
Bryan

CPS · #4 7th-February-2006, 05:18 PM

Ok Brian
Before you fire up Front page, change your resolution first to 800x600.
Fire up Frontpage and do your work, you are then working at that resolution.
To see how it looks at 1024x768, save your work, change resolution and open it in your browser.
Remember to change back to 800x600 before makeing any code changes.
Note if you dont use a Table the page will be smaller at the higher resolution (does not fill the screen).
The table code above is designed to solve this problem, but can affect the page contents, Re positions, hence the check.
Have a play with a simple page first to see how it works.
Keep us informed so we can assist as required.

brydavies · #5 7th-February-2006, 05:28 PM

Hi,
Thanks, I did not realize that you changed the screen res
Thanks again CPS
Bryan

CPS · #6 7th-February-2006, 06:46 PM

I always have mine set at 800x600 even though I have a 17 inch screen.
However I use the table code above so my webpages fit a resolution of 1024x768.
You use a percentage not pixels, so a table set to 100% will fill any screen resolution ( it expands).
The page contents do not expand hence the check.
But just check how it looks at 1024x768 because that is the next most popular resolution. don't worry about others.
The main point is a webpage designed in 800x600 can be viewed in any resolution.
Its a bit of a hit and miss situation, trial and error to reach a compromise between different resolutions.
If it proves to be a problem, do your own thing, you can aways come back to it later, when you find a way around any problem.

I have to admit I have not checked mine of late but my websites should fill a resolution of 1024x768.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode