solution to IE7 min-height problem?

as you probably know, internet explorer for some reason confuses min-height with height.

up til now, i have been using this hack:

height: expression('331px'); min-height:331px;

but it does not work in the new IE7

has anyone got a solution that will work in all browsers?

Ah crap. I need to relook over my designs in IE7 now. That browser is pissing me off and I don't even use it. Just conceed to Mozilla already!!!

It was not that IE confused the two attributes, it just didn't recognise min-width and min-height prior to IE 7 where they are supposed to have been fixed.

You should keep away from 'hacks' anyway. Use conditional statements that only IE (all versions) understand to include css after all the other css to tweak things into place for particular versions.

Conditional statements take the form:

Code: Select all

<!--[if IE]>
<link rel="StyleSheet" type="text/css" href="ieonly.css" />
<![endif]-->

This version will apply to all IE versions. You can add version numbers to the 'if' statement as well as use operators such as 'lte'.

As above really.
Problem with hacks is you are relying on a passer bug. If the passer bug is fixed, but the original problem not addressed, then you end up with the issue you have with IE7.

I always forget about those IE conditionals. Oh well, I still prefer taking the time to make a design work in every browser with just one stylesheet.

Well as nice as that is we live in an imperfect world where things like IE live and poop on everything.

__________________

the new ie7 actually fixed a lot of things, i.e6 and below is the problem.

FF and I.E7 display valid code near enough the same now.

Yeah PNG support, support for background-attachment:fixed; among others. Sure will be nice.

__________________

I cant wait to see the back of i.e6

Yeah I like IE7, things are much better!

Really, I haven't come across a design yet that I can't accommodate every major browser in a single stylesheet without hacks.