以下のような段組みを実現する方法の調査

  • 左パネルと右パネルが存在する。
  • 通常はそれぞれウィンドウに対して50%の幅を持つ。
  • ウィンドウ幅が小さくしても、各パネルは最小500pxの幅を持つ。
  • ウィンドウ幅が1000px未満の場合はスクロールバーを表示する。

調査結果

基本的には以下のHTMLで可能。IE6だけは!importantとか使うしかなさそう。

左パネル
右パネル
floatクリア用

表示例

左パネル
右パネル

floatクリア用

ブラウザ対応状況

ブラウザ 結果
Firefox 3.0.8 OK
InternetExplorer 7.0.5730.13 OK
InternetExplorer 6.0.2900.5512 NG
Google Chrome 1.0.154.53 OK
Safari 3.2.1 OK
Opera 9.64 OK

参考URL

投稿者以外の編集テスト。

カテゴリー: 技術情報

2件のコメント

koreyasu · 2009-04-03 14:01

調査Thx。IE6で動作する事も必要。
今後の事も考えてIE6-7共通で上手く表示できる方法を探してみる。

koreyasu · 2009-04-15 21:06

結局、諦めて固定幅のHTMLにするようにしたみたいです。

現在コメントは受け付けていません。