初めて自分でXHTML+CSSでサイトを作ろうとしている者です。
bodyの直下に「div id="container"」を置き、containerをCSSで
#container {
margin:0 auto;
overflow: auto;
background-color:#fff;
width :90% ;
height:100%;
}
としています。
この時、containerの右側と下側に、スクロールバーが出現してしまいます。
通常のブラウザのスクロールバーに加えて内側にスクロールバーが二重になってしまっている状態です。
質問ですが、どうすればこの内側のスクロールバーを消せるのでしょうか?
ちなみにOSはXP、ブラウザはfirefoxです。(IE6で見た時は内側のスクロールバーは出ません)
このままだと相当格好悪いので、何とか直したいと思っています。
どなたかご教示頂ければ幸いです。
よろしくお願い致します。
No.3
- 回答日時:
すみません。
当方環境で再現させることができません^^;;インストーラが嫌いなので以下のFirefox 2.0.0.3 私的ビルド(Visual C++ 2005 SP1 (PGO))のEXEの7-zipを解凍してC:\Program Files\ においた後
http://www1.plala.or.jp/tete009/software.html
上記2.0.0.3を-pオプション付きで起動して普段とは別なプロファイルを作りました。
その後,Firefox 2.0.0.3で以下のソースを読み込ませて見ましたが,再現しませんでした。何か手順間違えてたら突っ込んでください
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>サンプル</title>
<style type="text/css">
#container {
margin:0 auto;
overflow: auto;
background-color:red; /* 色はわかりづらいので意図的に変更しています */
width :90% ;
height:100%;
}
</style>
</head>
<body>
<div id="container">
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
<p>ほげ</p>
</div>
</body>
</html>
この回答への補足
ごめんなさい、ちょっと分かりません。
実際は外部CSSファイル中にcontainer以外にも様々な指定がありますが・・・
わざわざお手数おかけしてしまい、ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- gooブログ 記事の下にスクロールバーが表示される 2 2022/08/19 20:42
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
HTMLソースにない文字がブラウ...
-
body内にmetaタグを記述は問題...
-
<META>文字コードと入力場所に...
-
<body>内に<head>を入れ子にで...
-
文字コードをutf-8で保存したい
-
HTML上に貼り付けたPDFが表示さ...
-
カラーラインの中に文字
-
文字化けを故意に表示したい
-
、URL化させるにはどうしたらい...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
Dreamweaverでページ全体が文字...
-
form action="#"
-
htmlファイルの表示が真っ白
-
Webサイトから、txtファイルを...
-
折りたたみ可能なフリーのHTML...
-
java_run.batがダウンロードで...
-
HTMLで別PCのフォルダを開く
-
iPadの標準ブラウザでローカルH...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
携帯とPCの自動判別
-
body内にmetaタグを記述は問題...
-
HTMLファイルのインクルードで...
-
HTML上に貼り付けたPDFが表示さ...
-
HTMLでwebサイトを作ってるので...
-
iframe内の表示を常に最新にしたい
-
ページ全体を中央に配置したい...
-
WEBページがIEだけ文字化けして...
-
根号の書き方について
-
リンクボタンにgifアニメを使え...
-
textareaの一行の文字数制御
-
文字化けを故意に表示したい
-
borderでa:hover下線表示させる...
-
IEのみ文字化け
-
safariだけcssが反映されない
-
Javascriptでランダムパラメータ
-
表示時に1回だけリロードさせ...
-
なぜ height 100% がつくのか ...
おすすめ情報