How can I make my web page and it content automaitcally resize its self to fit each viewers screen area(ie. 800/600). I have a large screen size but looking at the stastics most of the poeple have the normail 800/600. How can I get it to resize?
The easiest way to do that is to insert all your content in a table and specify it's width as 100%.
There are repurcussions to this, such as when your width becomes bigger, so does your length become shorter. The best way it ensure it still looks good is to test test test!
There are some good examples around of resizing (variable width) sites.
http://download.cnet.com/ is one (ooh, they've just changed their design a bit - nice!). This is the one that inspired me.
http://www.iboost.com/ is quite good.
http://www.useit.com/ (very controversial, you either love it, or you feel the way I do about it).
http://au.finance.yahoo.com/ (yahoo's finance section)
I hate to self-advertise, but you might want to also look at my site or Nicky's (above).
this script should do the trick
then <BODY onLoad="open()">
hope this helps.
Hmm. I don't get you. So its your Images that are restraining you to let the design fit on the page in resolutions like 800 by 600?
"Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
-- Albert Einstein
Resizing the images on your site will result in them becoming pixelated and of lower quality. I would recommend against that.
However, since that is what you are looking for then just do this:
<img src="some.jpg" width="100%" height="100%">
That would result in the specified image filling the whole page (minus any margins that are set on the page).