index |

標準モード (IE5)【修正版】

コンニチハコンニチハ

修正
  • mainboxにbackground-colorを付ける
  • sidemenuにはbackground-colorを付けない

てすと

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ゴシック)では、不要な縦スクロールバーが出ることがある(上下 paddingline-height 調整で回避)。

overflow:hidden;

Written by yassy