以下のような段組みを実現する方法の調査
- 左パネルと右パネルが存在する。
- 通常はそれぞれウィンドウに対して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
投稿者以外の編集テスト。