Table resizes with window, but set maximum limit?

[jacktripper]

I've got a web page with a series of tables set with a width="100%" in the HTML code so the tables will pretty much fill the screen at different window sizes.

But, when viewed on a larger wide-screen monitor, the pages look like crap. I'd really like a way to resize the windows just like before (by percentages) but have a way to cap the maximum width of the tables to something like 1024 pixels... so that on large monitors or high-resolutions, the tables stop expanding at a reasonable size.

It seems like this could maybe be done with javascript or ajax or maybe CSS... I don't know. Then again, maybe it can't be done?

Any ideas on how to do this? Or any one who has done it before?

 

[jman78]

In CSS there is a max-width property that you can use.

[URL unfurl="true"]http://www.w3schools.com/css/pr_dim_max-width.asp[/url]

i.e. -

table { max-width: 1024px; }

Jason

 

[jacktripper]

Works like a charm. Just goes to show how much I know about CSS... Thanks!

 

[jman78]

w3schools.com CSS Reference

Check this link as a css reference. It explains each property and gives a browser compatibility chart for each one also.

Jason