現在のカゴの中

合計数量:0

商品金額:0円

カゴの中を見る

検索条件

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

カレンダー

2020年11月の定休日
1234567
891011121314
15161718192021
22232425262728
2930
2020年12月の定休日
12345
6789101112
13141516171819
20212223242526
2728293031

※赤字は休業日です

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 円

お口直しに。

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