sorry I mis-understood what you were asking at first. I don't know of a way to "shrink" the content so that it fits into smaller screen sizes.
Main Topics
Browse All Topicsis it possible to auto resize webpage to users display settings? and if so, how to i make my web page that is developed in a screen resolution of 1280 x 1024 work with someone who has a diplay resolution of 800 x 600? So that they can view the entire web page on their screen? i am using tables and frames for my web page, and it is written using Frontpage 2000. i have tried everything that i know of, but when you resize your display to say 800 x 600, the web page gets cut off. i dont want to have all those scroll bars hanging aound. i think they just make the page look like a mess.
Would it be possible to re-do the entire webpage in a resolution of 800 x 600 so that it woudl be compatable with others displays? and if it were in that resolution of 800 x 600, when i view the site on my screen in 1280 x 1024 will it fit my screen? i dont want it to look like crap. thats the bottom line.
any help would be greatly appreciated. if you need any more informaton that would be helpful in solving my problem, feel free to let me know. thanks
~Mike
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.

Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
I don't think there is a way to do what you are asking for exactly, to make a page look good in any resolution you are going to have to make some compromises. If you want your site to look "exactly" a certain way for any given resolution you may consider creating both "high-res" and "low-res" versions, then using javascript's screen.width and screen.height you can redirect to the appropiate version. Of course that only works with Netscape 4+ and IE 5+
I would only recommend doing this if the graphical appearance of the site is the top priority for its design.
Lynx
Best bet would be to create the page in 800X600 size but when you specify the size of tables and so on use percentages.
This way if the user has a larger screen resolution the table will still fill it.
The reason i say start in 800X600 is so if you are putting images in you can make sure they look alright there first as they will only look smaller in the other resolutions.
just a thought anyway
If you use clever CSS and specify everything in percentages and relative measurements then the site will scale well regardless of screen size. The only limit is reliance on images. If the images used in the site for borders/headers can be repeated then they will scale without problem but single standalone images are more difficult. You could probably use some fancy javascript to detect the screen size and chose an appropriate image from a selection that you have but this would mean saving several versions of the image for common resolutions (640x480, 800x600, etc).
It is also possible to achieve this in Flash (see http://www.racingfrogs.org
sdwilson is correct -- you've got to work with the lowest common denominator 800x600, low-res but reality.That's the reason why so many sites show empty bands to one or both sides when viewed in higher resolution. You may struggle to layout your content (I certainly do on an ecommerce site I'm developing which has relatively complex pricing for a large number of products) and decide to only support 1024x768 or above fully, leaving 800x600 users to scroll (but apologising for it!). Whilst on this subject please consider not only the resolution of the browser, but also the software used to browse, and ensure that you support not only IE but also (as a minimum) Firefox & Opera as well....
A great way to achieve both goals (resolution and browser) is to use CSS for layout..........so get yourself over to the CSS Channel....
>> i am using tables and frames for my web page, and it is written using Frontpage 2000
Unfortunately that's the problem. Your web page is a piece of glass and the tools you're using are hammers. It's pretty easy to see what the result will be...
Here's an example of a "very" basic web page I just posted that is not glass, it's canvas. And the tool (css) is not a hammer, it's a paintbrush.
http://www.pdgmedia.com/co
So it really just depends on whether you want to be a carpenter or an artist.
Sean
hello, thanks for all the info and ideas. what took me well over a week to finally come to grips with (mind you i think that i lost half of my hair, trying ideas and them not working out.) as a result in alittle less than 2 hours if just started over and resized all the content to 800 x 600, and kept what i had with the frams and tables. and it works. and looks pretty darn good too at 1280 x 1024. so no complaints here. as for the CSS approach, i am not really comfortable with that method of programming as of yet. i will get there some day as this is just a hobby. anyways as for the points, i am going to have to go with SDwilson on this one, because in the end its exactly what i did.
Thanks much for the help everyone
~MIke
Business Accounts
Answer for Membership
by: knightEknightPosted on 2005-01-20 at 08:14:21ID: 13094344
<HTML> p.resizeTo (screen.wi dth-2,scre en.height- 2);">
<BODY onload="top.moveTo(0,0);to
content
</body>
</html>