i am dustin diaz

Min-Height Fast Hack

I've never been one too keen Grey's css min-height hack, mainly because of the bulky workaround in your html. Sure hacks can cause bulkier CSS, but I'm ok with that. The problem with Grey's is that it's not only a 'CSS' hack (which I'm totally fine with), but it also involves changing your html. I'm none too delighted that you need to add two separate empty div elements just to get this working correctly. Nevermind the matter, he thought of this ages ago when I was still learning how to count to twelve on sesame street. Ok so I learned that like last year, I'm catching on.

A New Solution

Assuming each and all you folk know how min-height is 'supposed' to work, would it be all that bold that it's safe to say that...well... can't we just do this? (because that's what I've decided to do after throwing IE5.x out the window)

CSS: min-height with !important

selector {

  min-height:500px;

  height:auto !important;

  height:500px;

}

Assuming IE6 will not fix the correct implementation for the !important declaration and assuming that if IE7 does, they'll also implement min-height correctly since at the pace they're going they're fixing CSS like mad crazy cows. Is that too many assumptions? But wouldn't you agree?

The above snippet of CSS works like a charm in IE6, Mozilla/Firefox/Gecko, Opera 7.x+, Safari1.2

Update: 2006-05-01 This patch is now fully supported across IE6 and IE7. Gosh, I guess I should have named the hack when I thought of it. Enjoy :)