Resizing Page Contents in CSS

[rikkx2krules]

I'm creating a new look for my companies website and I'm playing with CSS. A problem I have encountered is that when a user resizes their browser the CSS tags and content squeeze to fit in the resized window. Is there any way to stop this? I'm setting width to 100% but that is to make sure the page is fully fit to the users browser. Is there anyway to set the CSS so that the width is still 100% but the page (when resized) has scroll bars?

[drhowarddrfine]

Without looking at your particular code, you can try adding overflow:scroll; to the css.

[rikkx2krules]

Without looking at your particular code, you can try adding overflow:scroll; to the css.

Thanks. It didnt work. I've given up on doing the entire layout with CSS now, I'm using tables to set the page, setting it to about 800 width to fit smaller screens and on larger screens it'll like like a slim site.

[drhowarddrfine]

Why tables for layout is stupid.

[steven]

Thanks. It didnt work. I've given up on doing the entire layout with CSS now, I'm using tables to set the page, setting it to about 800 width to fit smaller screens and on larger screens it'll like like a slim site.

You could just do the same thing with divs in css. Having the width of ANYTHING set to 100% is going to allow it to do just that. Be 100% of the window. This will happen with tables, divs, just about any tag you give that property.

You can set your divs to have a fixed width. Alternatively, you can use the min-width CSS property, which will make the page span as wide as the users browser, but will not resize below the value set. EG, min-width: 800px; will not allow the contents to be resized to less than 800pixels.

Using tables for layout is bad practice.