- ベストアンサー
水平のスクロールがでない設定をしたい
Dreamweaver8でホームページを作っているHTMLの超初心者です、よろしくお願いします。 ページにいろいろと書き込みをしたのですが、Webページで見ると水平方向にスクロールがでます。 文字の書き込みは内側に入れているのが、ページに特別の設定をせずに色をつけているだけなのですが、どのようにしてもスクロールが表示されてしまいます。 出さないようにするにはどのような設定にするとよいのですか。 また、コード作成時にスクロールが出ないとか出るとかはどのようにしてわかるのですか。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
コンテンツに指定された幅の問題でしょう。例えばこうするとウインドウサイズを変えたとき横スクロールバーが出ると思います。 こういう問題の解決策はコンテンツ幅をpxじゃなくて%で指定することです。 <html> <head> <meta http-equiv="Content-Type" content="text/html;Charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title></title> <style type="text/css"> <!-- .box1 { border:#FF0000 3px solid; background:#FFCCCC; width:900px; height:300px; } --> </style> </head> <body> <div class="box1"> てすと </div> </body> </html>
その他の回答 (2)
- yasagure-kun
- ベストアンサー率23% (3/13)
下の方も書いてらっしゃいますが、開いているウィンドウよりも中のコンテンツの幅が大きい場合に、横スクロールバーが出ます。 余白を取られているということなので、コンテンツのパーツ以外のところに何かあるんでしょうね。 ソースとプレビューを比較しながら、見覚えのないタグを探すしかないかもしれません。DWなら選択すればソースもハイライトするので、見つけやすいかと。 なお、800pxの基準ですが、一番外側（<body>直下）に、幅800pxの<div>や、おすすめしませんが<table>で枠を作ります。 コンテンツは全部その中に入れてしまいます。 私の場合は大体760pxでセンタリングが自分ルールです。 ブラウザで画面左側にお気に入りを表示させると、実際にコンテンツが表示される部分が狭くなりますよね。 1024pxのディスプレイに全画面表示でこれをすると、コンテンツが表示される部分が大体800px程度になります。 もちろん、幅は自由に変えられますから絶対ではありませんが、逆に見る方も見づらくなるので、お気に入りをそれほど広げたりしません。 なので、800pxくらいに収めた方がいいだろうという目安です。
- an-gooo
- ベストアンサー率50% (6/12)
水平スクロールバーはページの幅がブラウザより広い場合に表示されます。文字や画像がはみだしてる部分はなくてもそれ以外の要素(tableや<div>等)の幅が広くても表示されます。 Javascript等でスクロールバーを表示させない事も可能ではありますが、まず今の状態でなぜ水平スクロールバーが表示されるかを調べてみる事をお奨めします。 スクロールバーが表示されるかどうかは上にもかいたようにページのサイズとブラウザのサイズによります。 ページの幅が800px だったとして ブラウザのページ表示領域の幅が800px以下になると表示されます。 これを回避するにあたってJavascriptでブラウザウィンドウの最小サイズを指定したり、HTML上の各要素の位置指定を曖昧にする(%指定を使うなど）できると思います。 現在のパソコンの解像度はほとんどが1024x768以上ですがブラウザの横の部分にお気に入りやRSSを表示させたりする人もいるので自分はページの幅を800pxぐらいを目安に作ってます。 回答はできませんでしたが参考になればと思い書かせていただきました。
お礼
＞現在のパソコンの解像度はほとんどが1024x768以上ですがブラウザの横の部分にお気に入りやRSSを表示させたりする人もいるので自分はページの幅を800pxぐらいを目安に作ってます。 ⇒自分の作っているコンテンツの内容の「ページの幅を800pxぐらい」とかはどのようにしてわかるのですか。 また、解像度が1024x768のとき、ページの幅を800pxとはどのように関係があるのでしょうか、なにせ超初心者なもので、その辺のところがまったく理解できません。 ＞なぜ水平スクロールバーが表示されるかを調べてみる事 ⇒コンテンツの内容はかなり内側で余白をとっています、どのようにして調べるのでしょうか。 後は色をつけているだけなのですが・・ よろしくお願いします。