Tom's Guide | Tom's Hardware | Tom's Games
![]() |
![]() |
![]() |
Hi,
Can i know how to make a webapge resize automatically to the visitor's own resolution?I made a 800X600 webpage and when i used a 1024X768 resolution, my webpage doesn't occupy the whole screen.

tech-fred has a point.
You can center the content on the browser window. The difference will be that visitors with higher resolution will get more "white" space on the left and right. Heres an example.
Or.. you could recode the site for autostretching. Heres an example.
Autostretch gives you the ability to fill the browser window but you have less control over where things appear. It is possible to determine absolute positioning for items but it usually comes at a cost. More coding/time spent dealing with browser bugs.. Plus you run back into the same problem of visitor resolution. Centering the content allows you to have control over where things are placed but you end up with "white" [unused] space on the left and right. Its a judgement call.
If your using an editor like dreamweaver or netobjects you can find a setting to center the content. If your hand coding see w3schools.com and google.com for more information.
Also.. its not neccesarily a bad thing to have unused space. 800X600 is still the typical resolution for most surfers so you might do better just to leave things as is. Experiment with background colors. This helps hide the unused space from the eye/mind :). Also.. if your content is shoved right up against the top or left.. space it out a few pixels. This also helps things look better when the content doesnt fill the browser window. Heres an example. This page looks better with the spacing. Also.. you might notice how the background color makes you forget the unused space.

Yea, Microsoft's Web site (as far as I know) does not resize accodring to the resolution. It looks just far basically on every resolution.
I do the same with my site.

![]() |
![]() |
![]() |

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |