Setting limitations on my fluid design.

[IamAdam]

I have a fluid design. It's made-up of 3 columns, and goes something like this:

<table ID="wrapper" width="100&#37;"><tr><td>
 
<table ID="columns" width="100%">
<tr>
 
<td width="20%">
Left Column
</td>
 
<td width="60%">
Center Column
</td>
 
<td width="20%">
Right Column
</td>
 
</tr></table> 
 
</td></tr></table>

So its streches and shortens based on user resolution and browser, and it has always worked fine.

However, I recently used a large monitor with a large resolution and my site did not look good. The columns had too much blank space.

So, I want to set a max width for the columns. I still was the fluid design, but to certain limitations. For example, I want the side columns never to have width over 200 pixels, and the center column never to be over 800 pixels in width. How can I do this?

[TheMusician]

CSS properties max-width

IE 6 and below will have issues with that so you have to use a workaround for those browsers.

[RyanReese]

The max-width and max-height properties exist for what you want.
http://brajeshwar.com/2002/min-heigh...ht-max-height/

This article explains how to use max-height for IE6

[Black Max]

Why use tables?

[RyanReese]

It might be tabular data for all we know, but that really isn't the point of the thread.

[Black Max]

It might be tabular data for all we know, but that really isn't the point of the thread.

True enough. I took his code snippet as a general layout. We know what happens when we assume....

[BrianOConnell]

It might be tabular data for all we know

Ah yes tabular data the true reason to use nested tables

[RyanReese]

Actually sometimes assuming makes you right, assuming things about certain things is good. However this isn't the case always, assuming a girl wants you is bad. Assumine a 2 column layout iwth floats and 40% width on each with some padding IS good to assume.

[IamAdam]

Thank You

[RyanReese]

Your welcome . Any more questions feel free to come back.