てすと
-
width:86%(padding:1em 2%;)
1あいうえおかきくけこさしすせそあいうえ 2あいうえおかきくけこさしすせそあいうえ 3あいうえおかきくけこさしすせそあいうえ 4あいうえおかきくけこさしすせそあいうえ 5あいうえおかきくけこさしすせそあいうえ
1あいうえおかきくけこさしすせそあいうえ 2あいうえおかきくけこさしすせそあいうえ 3あいうえおかきくけこさしすせそあいうえ 4あいうえおかきくけこさしすせそあいうえ 5あいうえおかきくけこさしすせそあいうえ
う〜ん、IE6では line-height がかなり違う...
標準モード用修正
.mainbox-standard {
position:relative;
margin:1% auto;
width: 92%;
background-color: #f1f1f1;
border-style: solid;
border-width: 1px;
border-color: #fff #ccc #ccc #fff;
}
.contents-standard {
margin: 0 25% 0 0;
padding: 0 2% 1%;
background-color: #fff;
width: 71%;
}
.sidemenu-standard {
position:absolute;
margin: 0;
padding: 1%;
top: 0;
left: 75%;
right: 0;
bottom: 0;
width: 23%;
}
.contents-standard pre {
margin: 0 5% 2%;
padding: 1em 2%;
overflow:auto;
white-space: pre;
background-color: #f1f1f1;
width:86%;
line-height: 1.1;
}
overflow 確認
overflow:auto;-
1あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ
overflow:auto;-
1あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 2あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 3あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 4あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 5あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ
overflow:scroll;-
1あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 2あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 3あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 4あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 5あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ
Firefox + VL ゴシック（VL Pゴシック）では、不要な縦スクロールバーが出ることがある（上下 padding か line-height 調整で回避）。
overflow:hidden;-
1あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 2あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 3あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 4あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ 5あいうえおかきくけこさしすせそあいうえおかきくけこさしすせそあいうえおかきくけこ