CSS hacking for FF, IE7, IE6-

min-height: 350px; /*for Firefox: */

_height: 352px; / *for IE6*/

/*FF*/
margin-left: -19px;
/*IE7*/
*margin-left: 20px;
/*IE6 and below*/
_margin-left: -15px;

I came across this hack by studying CSS of Yahoo!’s new home page. In short, underscored attributes are for winIE.

I came across this using “expression” in CSS for IE 6-. Here is the CSS snippet:

max-width: 340px;
width:expression(document.body.clientWidth > 340? “340px”: “auto” );
max-height: 225px;
width:expression(document.body.clientHeight > 225? “225px”: “auto” );

I think they mentioned that IE 7 had fixed the bug.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s


%d bloggers like this: