MainelyDesign.com Blog

Faking min-width CSS style in IE6 and IE7

Posted on 07/16/2009 at 01:50 pm by Kevin Wentworth
Viewed 1,663 times | 0 comments

It's a hack... but it's needed to make a truly cross-browser fluid layout. It's simple, if you want to implement min-width in IE6 and IE7, use the following CSS code: (I didn't create this originally, sorry, lost the source)

Show Plain Text

/*********************
**  IE 6.0 min-width hack
********************/
* html div#contentWrap {
    width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 1000 ? "840px" : "85%");
}

Just make sure you actually specify the min-width for all other browsers:

Show Plain Text

div#contentWrap {
 position: relative;
 margin: 0px auto;
 padding: 0px;
 width: 85%;
 min-width: 840px;
 text-align: left;
 z-index: 1;
 
}

That's it.

Cheers,

-Kevin Wentworth

Tags for Faking min-width CSS style in IE6 and IE7

Css | Web Design | Hack | Internet Explorer | Ie

Comments for this Posting

No comments. Be the first to post a reply.

Sorry, comments are closed for this posting.

Please Email Kevin if you have any questions. Thanks!

Recent Posts

Subscribe to my feed