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?
| SitePoint Sponsor |
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).
Last edited by mmj; May 6, 2001 at 09:05.
[mmj] My magic jigsaw
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
The Bit Depth Blog · Twitter · Contact me
Neon Javascript Framework Jokes
are there any other methods to do this? because I would practically redo my whole side. I use front page 2000 as my editor.
this script should do the trick
<script lagauge="JavaScript">
function open(){
window.moveTo(0,0);
window.resizeTo(screen.availWidth,screen.availHeight);
}
</script>
then <BODY onLoad="open()">
hope this helps.
Tommy Brown
http://www.xzane.com
I use Microsoft front page to edit my web page. I have shared boarders on this page too, Is it soposed to be inserted into the shared boarders or the main body. Its mainly the pictures on the page that I want resized to fit the screen.
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
stud...
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).
Adobe Certified Coldfusion MX 7 Developer
Adobe Certified Advanced Coldfusion MX Developer
My Blog (new) | My Family | My Freelance | My Recipes
oaky i am just going to resize it till it fits the normal 800x600 size(the pictures smaller b/c its a template). What script can I use to make the text below it spread across the rest of the screen?
Thanks for all the help soo far.
Posting Permissions
Bookmarks