プロフィール

マイティーマウス


My-YouTube

↓元へなちょこドラマー

Author:マイティーマウス
日記ですから。


カレンダー

プルダウン 降順 昇順 年別

10月 | 2017年11月 | 12月
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -



カテゴリー


月別アーカイブ


ブログ内検索


メールフォーム

名前:
メール:
件名:
本文:


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

CSS min-widthをIEで指定する方法

CSSレイアウトで2カラムのサイトを作ったが、途中で表示するデータの幅が長いのでウィンドウサイズによって伸び縮みするようにして欲しいと言われ幅を「%」で指定したら、ウィンドウを小さくするとレイアウトが崩れるという悲しい事態に見舞われた。

そこで「min-width」を利用してあるサイズ(崩れる直前)から幅を縮まないようにしたのだか、「min-width」はIEでは適用されない。

そこで
IE5から使用できるIE独自の「Dynamic Property」で、スタイルシート内でJavaScriptを実行できるというものを書いて(パクッて)みた。

忘れないうちにメモ

#body{
width:100%;
margin-top:20px;
min-width: 400px;

width:expression(document.body.clientWidth < 402? "400px" : document.body.clientWidth > 1026? "1024px" : "auto");
}

なんとか うまくいってるようだ。
スポンサーサイト

コメント

コメントの投稿



管理者にだけ表示を許可する

トラックバック

http://tommylee.blog71.fc2.com/tb.php/151-83fc8c8c

 | BLOG TOP | 


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。