現在のカゴの中

合計数量:0

商品金額:0円

カゴの中を見る

検索条件

商品カテゴリから選ぶ
商品名を入力

カレンダー

2021年3月の定休日
123456
78910111213
14151617181920
21222324252627
28293031
2021年4月の定休日
123
45678910
11121314151617
18192021222324
252627282930

※赤字は休業日です

3カラムのリキッドレイアウト Part2

2009/11/24(火)

前回で3カラムのリキッドレイアウトはできましたが、このままだとmain部分が狭すぎたり間延びしたりするので、min-width、max-widthを設定することにします。

ここで問題なのは、min-width、max-widthがIE6で効かないこと。
いつもの手ですが、minmax.jsを使わせてもらいます。

こちらのサイトからminmax.jsをダウンロードしヘッダー部分に

#script tag escaped#// #script tag escaped#

のように読み込みます。

HTMLは下記のように全体を#contenntsで囲み、
[HTML]

mainの中身
side1の中身
side2の中身

CSSで、min-width、max-widthを設定します。
[CSS]

#contents {
	min-width: 760px;
	max-width: 960px;
}

これで、IE6でもきちんと表示されるものができました。
全体としては、以下のようなイメージです。

3カラムmax&min width

3カラムmax&min width

記事カテゴリー WEB>コーディング

コメント

新着情報RSS

2015年04月16日
サイトオープンいたしました!
一人暮らしからオフィスなどさまざまなシーンで あなたの生活をサポートするグッズをご家庭へお届けします!一人暮らしからオフィスなどさまざまなシーンで あなたの生活をサポートするグッズをご家庭へお届けします!一人暮らしからオフィスなどさまざまなシーンで あなたの生活をサポートするグッズをご家庭へお届けします!
最近のコメント

*

おなべ

おなべ

販売価格(税込): 1,782 円

たまには鍋でもどうでしょう。

アイスクリーム

アイスクリーム

販売価格(税込): 1,008 円

お口直しに。

月別記事
記事カレンダー
カレンダー日付
カレンダー