フレームで横スクロールが出てしまう。
-
0 名前: Na2 : 2006/11/14(火) 12:50 ID:MEqRMSEk
- 【現在の状況】
→ 左右のフレームセットを作成し、左のメイン画面に横スクロールが出てしまいます。
つまり、タグがおかしいということなんだと思うのですが、どこがおかしいのかわかりません。
マージンは外部CSSで左右15pxとっていますが、<hr>がブラウザより長く出てしまい横スクロールが出ているようです。
【何をしてみたのか】
→ DOCTYPE宣言をURLの入ったものにしたところ、出てしまうようです。(ブラウザはIE6)
最初、タグを手打ちし、DOCTYPEをURLなしのものにしていた時は出ませんでした。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Imagetoolbar" content="no">
<title>サポートサイト</title>
<link rel="stylesheet" type="text/css" href="../common.css">
</head>
<body>
<a name="top"><p><strong><a href="../main.html" target="main">TOP</a> > 初期設定</strong></p></a>
<!---01--->
<hr>
<blockquote>
<a name="01"></a>
<table border="0" cellpadding="1" cellspacing="0">
<tr>
<td>※注意点ーー本文割愛します。</td>
</tr>
</table>
<p><div align="right" class="font8"><a href="#top">※topに戻る</a></div></p>
</blockquote>
<!---02--->
<hr>
<blockquote>
<a name="02"></a>
<table border="0" cellpadding="2" cellspacing="0">
<tr>
<td>・・・</td>
</tr>
</table>
<p><div align="right" class="font8"><a href="#top">※topに戻る</a></div></p>
</blockquote>
</body>
</html>
以前も同じ状況になったことがありますが、その時は原因究明よりも早く作る必要があったので、その場しのぎにテーブルを作り、body幅を強制的に固定してしまいました。
今回はちゃんと原因を理解し、修正したいのですがどうすればいいのでしょう?
ちなみに社内で作成しているサイトなので、ブラウザはIEしか使えません。
よろしくお願いします。
-
1 名前: Newのり太 : 2006/11/14(火) 12:50 ID:q/Lcri3a
- > → DOCTYPE宣言をURLの入ったものにしたところ、出てしまうようです。(ブラウザはIE6)
> 最初、タグを手打ちし、DOCTYPEをURLなしのものにしていた時は出ませんでした。
これかな?
「縦スクロールバーが出る際に、横スクロールバーが出現」
http://www.shoshinsha.com/pukiwiki/pukiwiki.php?%B2%A3%A5%B9%A5%AF%A5%ED%A1%BC%A5%EB%A5%D0%A1%BC%A4%AC%BD%D0%A4%C6%A4%B7%A4%DE%A4%A6
参考リンクにヒントがあるかも。。
あと、位置調整のため*だけ*に blockquoteタグ を使用しているような感じですが、
blockquoteタグ は、引用文をマークアップするためのものです。
位置調整なら、marginで調整するなどした方が適切かと思われます。
余計な事でしたら申し訳ありません。
-
2 名前: Na2 : 2006/11/14(火) 12:50 ID:MEqRMSEk
- Newのり太さま
返信ありがとうございました。
教えていただいたページを参照し、いろいろやってみたのですが、やはりスクロールが出てしまいます。
とりあえずDOCTYPE宣言を修正して、対応しました。
それとblockquoteタグの件もありがとうございました。
marginで調整するように修正しました。やはりこのほうがスッキリしますね。
いろいろとありがとうございました。