縦線を…
-
0 名前： mizu ： 2005/09/24 18:33
- スクロールバーの右横に、黒い縦線を入れたいのですが、
どなたかご存知でしょうか。
ちなみに border="1" ではなくて、 cellpadding="1"
の細さにしたいと考えております。
あと固定、できれば嬉しいのですが…
ご存知の方、お願いします。
-
1 名前： カヅサツ ： 2005/09/24 18:33
- > スクロールバーの右横に、黒い縦線を入れたい
html{
border-width: 0px 5px 0px 0px;
border-style: solid;
border-color: black;
}
だと、IEでしか出ませんでした。ので、以下のような無理矢理な方法しか思いつきません。
Win IE, Mozilla, Operaで検証しました。IEはxml宣言があると互換モードで表示してしまうというバグを逆手に取っています。
<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
html{
height: 100%;
}
body{
height: 100%;
padding: 0px;
margin: 0px;
overflow: hidden;
}
#main{
height: 100%;
border-width: 0px 5px 0px 0px ;
border-style: solid;
border-color: black;
overflow: auto;
}
p{
margin: 500px 0px;
}
</style>
</head>
<body>
<div id="main">
<p>test</p>
<p>test</p>
<p>test</p>
<p>test</p>
</div>
</body>
</html>
