てすと
width:90%(padding:1em 0;)
1あいうえおかきくけこさしすせそあいうえ 2あいうえおかきくけこさしすせそあいうえ 3あいうえおかきくけこさしすせそあいうえ 4あいうえおかきくけこさしすせそあいうえ 5あいうえおかきくけこさしすせそあいうえ
1あいうえおかきくけこさしすせそあいうえ 2あいうえおかきくけこさしすせそあいうえ 3あいうえおかきくけこさしすせそあいうえ 4あいうえおかきくけこさしすせそあいうえ 5あいうえおかきくけこさしすせそあいうえ
問題点
- IE6 -
- サイドバーの背景色が文字のある部分のみ
- IE7 -
- Firefox2 -
- Opera9 -
overflow 確認
- width:90%;overflow:auto;(padding:1em 0;)
-
1あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ
- width:90%;overflow:auto;(padding:1em 0;)
-
1あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 2あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 3あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 4あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 5あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ
- width:90%;overflow:scroll;(padding:1em 0;)
-
1あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 2あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 3あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 4あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 5あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ
Firefox + VL ゴシック（VL Pゴシック）では、不要な縦スクロールバーが出ることがある（上下 padding か line-height 調整で回避）。
- width:90%;overflow:hidden;(padding:1em 0;)
-