IE min-width hack

jjmax

Hi,

I've tried a few things to get this to work. The one I've found to be closest to a true min-width function for IE is:

width:expression(document.body.clientWidth < 600 ? "600px" : "90%" );

This is new to me, but apparently the expression tag is propietary to IE, so other browsers ignore it. The rest is just saying if the client (IE) width is less than 600 then set the element's width to 600px, if not then let it be 90%.
I'm happy enough with the result this gives, but the css doesn't validate when this is used.
I've a few questions then:
Is this method using Javascript?
Is there a better way to get min-width to work in IE?
What's the implication of an invalid css file (this will be the only invalid entry)?

Thanks in advance for any feedback.

Serbian

Your min-width method above is not JavaScript, but it does take a JavaScript argument to determine what it is applying the expression to. Read more about Internet Explorer expressions. There are of course other min-width hacks out there that don't require JavaScript or Internet Explorer expressions. You can also read more about CSS / HTML validation.

jjmax

Thanks Serbian,

I think I'll keep using the expression tag.
It doesn't look as though it'll cause major issues.
Plus it allows the page to resize nicely when the resolution is higher.
Feck IE anyway!