スタイルシート(CSS)を利用して擬似フレームを作る方法です。
互換モードでも標準モードでも可能です。
対応ブラウザ
Windows
Internet Explorer5以上
Netscape7以上
Firefox
Opera8以上
HTML
<html>
<body>
<div id="menu">
〜〜〜
</div>
<div id="main">
〜〜〜〜
</div>
</body>
</html>
<body>
<div id="menu">
〜〜〜
</div>
<div id="main">
〜〜〜〜
</div>
</body>
</html>
CSS
html {
height: 100%;
_overflow: hidden;
}
body {
height: 100%;
margin: 0;
padding: 0;
_overflow: hidden;
}
#menu {
margin: 0;
padding: 0;
height: 100%;
width: 100px;
position: fixed;
_position: absolute;
left: 0;
top: 0;
}
#main {
margin: 0 0 0 100px;
padding: 0;
height: 100%;
_overflow: auto;
}
height: 100%;
_overflow: hidden;
}
body {
height: 100%;
margin: 0;
padding: 0;
_overflow: hidden;
}
#menu {
margin: 0;
padding: 0;
height: 100%;
width: 100px;
position: fixed;
_position: absolute;
left: 0;
top: 0;
}
#main {
margin: 0 0 0 100px;
padding: 0;
height: 100%;
_overflow: auto;
}
