以下のような段組みを実現する方法の調査
- 左パネルと右パネルが存在する。
- 通常はそれぞれウィンドウに対して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にするようにしたみたいです。
現在コメントは受け付けていません。