Page Resize Problems

[numinix]

For some reason the monthly boxes becomes 50% of the inner column at full screen if I set a width in px. I was going to ask about the min and max as well...

Edit: I just set it to 900px and it works

[numinix]

When I put 1024px, the monthly box becomes half the size, but if it put it to 900 or 1000px, it displays properly. Any idea why?

Also, how do I implement the min/max-width?

Edit: figured it out:

mid-width: 900px;
max-width: 1000px;
width: auto;

What should my min and max be?

[gjh42]

1024... That's weird...

Just add

max-width: 1200px;

or whatever you want to the #mainWrapper declaration (or anywhere else you want to use it).
As far as I know, IE (even IE7) doesn't support this, so it won't have any effect for the great majority of viewers.
This even though it is part of the CSS2 spec and is so useful that any major browser ought to be supporting it...

/soapbox

[numinix]

putting max 1200px does the same thing as if I put 1024px. What happens is the monthly box only spans until it reaches the edge of the image above and then there is why space for the width of the image until it reaches the right column side boxes. It seems to do this for any width above 1000px...

Also, the min-width/max-width appears to be working on IE7!!! I get the same affect whether I use IE7 or FF.