JavaScriptによる本文部リキッド
結局JSかよ(ノ∀`)
全固定幅のようにfloatで3カラム並べ、本文部のサイズをJavaScriptでリキッド化
2重コンテナなど、若干無駄タグもありますが、個人的には許容範囲内。
というか、CSSのみで[固定][可変][固定]のレイアウトは不可能か!?
せめて、
・基本、CSSのみ。JSなし。
・IE6はJSで繕っても良い
・対象はIE6,7,8,最新Mozilla,最新Opera,最新Webkit
で動く[固定][可変][固定] 3カラムを完成させたい(ノ∀`)
1段目
アマゾン方式。 幅に収まらないコンテンツは非表示
1テキストテキストテキストテキスト
2テキストテキストテキストテキスト
3テキストテキストテキストテキスト
4テキストテキストテキストテキスト
5テキストテキストテキストテキスト
6テキストテキストテキストテキスト
2段目
1テキストテキストテキストテキスト
2テキストテキストテキストテキスト
3テキストテキストテキストテキスト
4テキストテキストテキストテキスト
5テキストテキストテキストテキスト
6テキストテキストテキストテキスト
テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト
debugline
テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト
テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト テストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキストテストテキスト