Minimum Div Size?

Question

Hello,

I am creating a website that uses a fluid layout with artificial columns. I have an image at the top with some text to the side. I want the image to have a minimum size of 550px and a maximum size of 75% of the parent div. I tried this:

.class{
    width: 550px;
    maxwidth: 75%;
}

but it did not work.

Answer 1

The current CSS spec supports min-width and max-width, but not all browsers do. Namely, IE6. But most all other browsers on the market work fine.

Answer 2

Try replacing maxwidth with max-width.

Answer 3

Try:

.class {
    min-width: 550px;
    width: 75%;
}