HTML question

[MacBaine]

So here is what I want to be able to do. I want to make my website so that it will resize to fit whatever resolution the viewer is using. Most sites I see, they are able to do this. IE, change your resolution right now, and everything on this page will resize so it maintains the same proportions, and still fits to the width of your screen. Right now, I have an image that pretty much forms a line across the top of the screen. But when I change my resolution, it goes out of proportion... the page doesn't resize it.

The one thing that I just thought of which may be the problem... should I design the page at the Max resolution, such as 1600x1200? Will it then resize everything at lower resolutions? Thanks.

 

[Beau]

use percentages rather than absolut values.

 

[MacBaine]

Originally posted by: Beau6183
use percentages rather than absolut values.

What would be the code for that? If I have an image that is, say, 1600 px wide, and when somebody running 800x600 views it, it turns into 800 px wide, how would I tag that? Thanks

 

[Beau]

Originally posted by: MacBaine

Originally posted by: Beau6183
use percentages rather than absolut values.

What would be the code for that? If I have an image that is, say, 1600 px wide, and when somebody running 800x600 views it, it turns into 800 px wide, how would I tag that? Thanks

Oh, you don't want to scale images. They'll get pixellated. You can scale tables though

<table width="80%">...
<tr>
<td width="50%">

 

[MacBaine]

Originally posted by: Beau6183

Originally posted by: MacBaine

Originally posted by: Beau6183
use percentages rather than absolut values.

What would be the code for that? If I have an image that is, say, 1600 px wide, and when somebody running 800x600 views it, it turns into 800 px wide, how would I tag that? Thanks

Oh, you don't want to scale images. They'll get pixellated. You can scale tables though

<table width="80%">...
     <tr>
          <td width="50%">

Ah, that will work. Thanks

 

[MacBaine]

Ok, I take it back... that isn't working. Right now I don't care of the images get pixelated... I just want them to resize where they will fit in the screen. For example, go to the main page of AT, and resize it down to 800x600. See what I mean? The images get bigger, yes, but the entire page fits in the browser. This is what I am trying to do. I want to have two areas, one of which is a small menu area on the side, but I want to be able to use custom images as the border/background and have it resize when the resolution changes... I hope I am making sence...

 

[RSMemphis]

I am sorry, but that is practically impossible...
For most things, you can use EM as a unit (for tables etc.) so that it scales correctly, a la anandtech. This is done with cascading style sheets.
But no web browser does on the fly image changing like that - as you said, on the Anandtech webpage the pictures do get larger.

There is one option: Design different pages for different resolutions, and have people choose the appropriate page.