Home > CSS | チュートリアル | トラブルシュート > IEでmin-widthとmax-widthを実装するには

IEでmin-widthとmax-widthを実装するには

基本はFireFoxを使っているので気がつかなかったが、前回UPしたCSSにIEでは無効なものがありました。

下記詳細と対処方法を載せておきます。

■使えなかったスタイルシート

ブラウザ幅の最小値と最大値を設定するもので

・min-width

・max-width

の2点。

■回避方法

IE5から使用できる｢expression｣（IE独自のDynamic Propertyでスタイルシート内からJavaScriptを実行できるという素敵なものです。）をCSSファイル内に記述する。

■記述例

幅を700pxから1260pxに制限したい場合

CSS:

<code>width:expression(document.body.clientWidth < 782? “780px” : document.body.clientWidth > 1262? “1260px” : “auto”);</code>

前回のチュートリアルはテーブル画像に限界があるので横幅のMAX値を500pxでして満足して他のですが、IEで見たらあわわわわでした。

コメント:1

このエントリーのトラックバックURL: http://castage.net/blog/ie_min-width_max-width/trackback/
Listed below are links to weblogs that reference: IEでmin-widthとmax-widthを実装するには from ホームページ製作・グラフィックデザインならCASTAGE：キャストエイジ｜ブログ

Home > CSS | チュートリアル | トラブルシュート > IEでmin-widthとmax-widthを実装するには

固定ページ

最近の投稿

カテゴリー

アーカイブ

タグクラウド

検索

フィード

メタ情報

Return to page top