スクロールバーが勝手に表示される

締切済

質問者：be_rained
質問日時：2008/05/18 00:57
回答数：1件

htmlでサイトを作ったとき、スクロールが表示されなくてもいいページなのになぜか下の方に20行ほどの空白が出来てしまい、スクロールが表示されてしまいます(更新ボタンを押すと正常に戻ります)

ページは下記のような記述です。(cssは外部指定です)
<html>
<head>
<title>タイトル</title>
<link rel="STYLESHEET" href="style.css" type="text/css">
</head>
<body><div align="center">
画像<br>
<br>
<p>
文章
</p>
<br>
<span class="p3">
文章</span>
</div>
</body>
</html>

原因のわかる方がいらっしゃいましたら教えて頂ければ幸いです。よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： sunawachi2
回答日時：2008/05/18 02:37

外部cssの記述を教えてください。

あと、宣言をしてみてください。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio …

この回答への補足

回答ありがとうございます。
宣言ですね。やってみます。

外部CSSは記述は以下です。

body,td,th{
line-height:14pt;
}
body{
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:000000;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-darkshadow-color:#ffffff;
margin-top:30px;
margin-bottom:20px;
margin-left:20px;
margin-right:20px;
}

a:link{
color:#165e83;
}
a:active {
color:999999;
}
a:visited{
color:#165e83;
}
a:hover{
color:999999;
}
a{
text-decoration:none;
}
p{
font-size:9pt;
font-family:'Helvetica,ＭＳＰゴシック, Osaka';
width:400px;
margin:-1px 0px;
padding:1px 3px;
text-align :left;
}
.p3{
font-size:12px;
font-family:Helvetica;MS Pゴシック;Osaka;
width:400px;
margin:-1px 0px;
padding:1px 3px;
text-align :center;
}