Recent Posts
- (09/10) Fixing Warning: the ECDSA host key for 'github.com' differs from the key for the IP addressTAGS:Web Server Admin
- (12/26) CakePHP 3 - Getting List of Column Definitions from a Table (like schema())TAGS:CakephpCake3
- (09/14) Change Order of Loaded Behaviors in CakePHP 3TAGS:Cake3CakephpWeb ProgrammingPhp
- (05/29) CakePHP 3 - Accept JSON Header Only Working When Debug FalseTAGS:Web ProgrammingCakephpCake3
- (05/23) Remove All Events from Google Calendar (Reset Calendar)TAGS:Web ProgrammingPhp
- (11/08) Google Tag Manager (GTM) Not Firing Default PageView EventTAGS:Web ProgrammingJavascriptGoogle Tag Manager
- (10/13) In PHP, how do you get __toString() Magic Method Result without calling echo?TAGS:CakephpCake3Cakephp 13PhpWeb Programming
- (11/14) Getting output from shell_exec() at all timesTAGS:Web ProgrammingWeb Server Admin
Subscribe to my feed
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 13,053 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)
- /*********************
- ** 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:
- 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!