What CSS property controls a page's size on window resize??

[Accipiter22]

I had some people from OT look at my website and here's a suggestion I got, which makes sense:

Originally posted by: effowe
Don't have a fixed width. Use CSS/HTML to make it expandable if the window is resized. Read up on modern web page programming, as it shows that you haven't done anything in a while (IE it looks like a site from 2000, not 2007.)

What CSS property would I adjust to do this?? Also, would it go under the Body section of the .CSS file?


update: Should I use this on pictures as well? I tried using it on the banner jpg for my website, but it gets distorted when you resize the window...

 

[Rangoric]

Originally posted by: Accipiter22
I had some people from OT look at my website and here's a suggestion I got, which makes sense:

Originally posted by: effowe
Don't have a fixed width. Use CSS/HTML to make it expandable if the window is resized. Read up on modern web page programming, as it shows that you haven't done anything in a while (IE it looks like a site from 2000, not 2007.)

What CSS property would I adjust to do this?? Also, would it go under the Body section of the .CSS file?

Well the basics involve using "Width:25%" as opposed to "Width:150px".

Google up "Fluid Layout" for alot of topics on this. I can't remember any good ones atm but I know thats the search I do when I forget something 🙂

However depending on how your site is set up, the Width thing about might be all you need. The Fluid Layout thing might not really work but should still help figure it out.

 

[Accipiter22]

Originally posted by: Rangoric

Originally posted by: Accipiter22
I had some people from OT look at my website and here's a suggestion I got, which makes sense:

Originally posted by: effowe
Don't have a fixed width. Use CSS/HTML to make it expandable if the window is resized. Read up on modern web page programming, as it shows that you haven't done anything in a while (IE it looks like a site from 2000, not 2007.)

What CSS property would I adjust to do this?? Also, would it go under the Body section of the .CSS file?

Well the basics involve using "Width:25%" as opposed to "Width:150px".

Google up "Fluid Layout" for alot of topics on this. I can't remember any good ones atm but I know thats the search I do when I forget something 🙂

However depending on how your site is set up, the Width thing about might be all you need. The Fluid Layout thing might not really work but should still help figure it out.

oooh I see so the 25% would vary based on window size/resolution...gotchya...didn't realize you could use %'s for those values, thought it had to be in px or inches

 

[Accipiter22]

Should I use this on pictures as well? I tried using it on the banner jpg for my website, but it gets distorted when you resize the window...

 

[Rangoric]

Originally posted by: Accipiter22
Should I use this on pictures as well? I tried using it on the banner jpg for my website, but it gets distorted when you resize the window...

Not really. Just make sure the pic fits at the lowest resolution you want to have (say 800x600) and not worry about it.

If you do care about resolutions smaller then that, it may require either code, or more complicated CSS that targets the smaller browsers.

This is kicking it up a notch however, and is not something I know about.