2010-03-04

[CSS] IE6で画像にheight:autoをかけると画像が伸びる

画像にmax-widthとheight:autoを指定すると、IE6のときに画像の高さが伸びて
おかしくなってしまいました。
IE6用のハックで、_height:100%なども試したのですが、うまくいかず。。
苦肉の策でIE6とそれ以外でCSSを別々にしました。

/* for Modern Browser */
html > body p img {
padding: 0;
max-width: 600px !important;
max-height: 450px !important;
width: auto !important;
height: auto !important;
}

/* for ie6 */
* html p img {
padding: 0;
width: expression(this.height>450 ? Math.floor(this.width*450/this.height) : (this.width > 600 ? 600: true ));
height: expression(this.height > 450 ? 450: true);
}

Comment:

Trackback URL: