website in multi resolutions

[liunx]

What I am trying to do is a website that can be seen in both 800x600 and 1024x768 resolutions.<br />
<br />
Any suggestions on where to start or a good method for working ?<br />
<br />
E.g. I am currently working on a 800x600 website. So, I have the layouts and images.<br />
<br />
Now, I need to make another lot of layouts and images for the 1024x768 version ?<br />
<br />
So this means I have in fact 2 complete websites ?<br />
<br />
This sounds quite wasteful of time and resources to me. Is there no way I can make my 800x600 layout to scale proportionately if a 1024x768 user looks at the site ? I cannot use tables with 100% width because my images distort. <br />
<br />
Thanks for any help as I am quite new to actual html stuff.<br />
<br />
Toot<!--content-->If images are your problem, you could perhaps create different images for each resolution and call an onload function to change them on the fly using javascript (according to the users screen res). That way you'll need only one html file with tables set to a percentage.<br />
<br />
Change your images with something like this:<br />
<br />
<br />
//check for screen resolution<br />
function (setImageSize){<br />
if (screen.width==800) {<br />
document.getElementById("imageID").src = <!-- m --><a class="postlink" href="http://www.htmlforums.com/archive/index.php/">http://www.htmlforums.com/archive/index.php/</a><!-- m -->"imageName_800";<br />
} <br />
else {<br />
document.getElementById("imageID").src=http://www.htmlforums.com/archive/index.php/"imageName_1024";<br />
}<br />
}<br />
<br />
-Allan<!--content-->read this<br />
<!-- m --><a class="postlink" href="http://www.htmlforums.com/showthread.php?s=&threadid=30656">http://www.htmlforums.com/showthread.ph ... adid=30656</a><!-- m --><!--content-->