Div Height question

Can i set a pixel value and auto?

[Demaestro]

Hey,

I have a div and I have given it a value height of 850px;

I have created a couple pages that go beyond the 850px;

I would like the div to auto the height if greater then 850px;

I tried:

height:850px auto;

but that didn't work... I did a search but can't find anything. Any insight would be greatly appreciated.

[Gibble]

There is a min-height css property, but it's not fully supported (ie 7 does though I believe).

The work around is to create a 1 px hidden div along the right edge that pushes your box open to 850 px, and still allows your content to expand beyond that.

Do a search for css min height hack and you'll stumble upon several examples of how to do it.

[edited by: Gibble at 8:12 pm (utc) on Aug. 2, 2007]

[Demaestro]

Thanks Gibble that works out well.

Funny that we still have to resort to tricks like this for something that should be a logical expression.

height:850px auto

Looks nice anyway... **sigh maybe one day.

[Gibble]

Like I said, we have min-height, which is what you want. And it is supported by the newest browsers, we just have to wait for the latest browsers to become the norm (when they're outdated :p)

[Xapti]

IE6 is about the only browser I know of which doesn't support it. There's a javascript compilation called IE7.js which fixes most of IE6s bugs and rendering problems, and makes it much more compliant behavior. If you use that script, you could then use min-height without the workaround.

The workaround is pretty efficent and non-problematic though, so you don't really need that if that's t he only thing you want.

[Gibble]

Xapti, that's interesting, I had never heard of that js, I'll have to look into it.