cssでヘッダーのサイト名の箇所のh1にmargin:0を指定すると、ページを表示した時に、ページ全体がmargin:0の位置より、ほんの少し下に表示され、その後一瞬でmargin:0の位置へ移動します。
なので、結果的にページ移動時は一瞬カクッとページ全体が上にずれるので見辛いです。
margin:0を指定しないと、この現象は起きません。
サイトの上下をmargin:0にしつつ、この現象が起きないようにするにはどうすれば良いでしょうか。
対処法をご存知でしたら教えてください。
よろしくお願いします。
A 回答 (4件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
その場合、どこかで
html,body{margin:0;padding:0;}
だけでなく
*{margin:0;padding:0;}
の指定がありませんか?HTML4.01strictにしたら、起きない。
XMLを表示する場合、htmlとbodyの隙間ができるから・・
気にしないレベルだと思いますけど・・
No.1
- 回答日時:
私の普段使用しているWindowsXP pro、firefox3.617で、HTML4.01strictではその現象は観察されません。
作成しているHTMLの仕様、使用しているブラウザ、OSなどの情報がないと、たぶん誰にも答えようがない。
あなたの環境と、他の人の環境はいつも違うことを念頭において質問しないと・・
ご回答ありがとうございます。
使用しているOSはWinXP Proです。
使用言語はxhtml 1.0 transitionalです。
表示を確かめたブラウザはIE,Firefox,googleChrome,Safariです。(全て最新)
どのブラウザでも同じ症状が起こります。
よろしくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10 4 2023/02/28 23:17
- その他(プログラミング・Web制作) Pythonによる物理の斜方投射の位置座標表示について 2 2023/06/05 12:46
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSでiframe要素の編集 2 2022/10/09 20:53
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS HTMLとcssでページを作っています。右図のような形にしたいのですが、margin topで指定す 3 2023/06/08 23:39
- その他(プログラミング・Web制作) Pythonにおける物理のシミュレーションでの単位変換について 2 2023/06/02 17:11
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- Excel(エクセル) 【エクセルマクロ】既に開いているIEの、サイズや表示位置を変更するには 4 2022/12/01 22:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javaScript Nullまたはオブジェ...
-
Chromeがiframe内の「#~」に釣...
-
WEB上で編集できない、スク...
-
bodyにidをつける理由は何ですか?
-
<object data="">の挙動について
-
<a href="#" …>の意味を教えて...
-
javascriptとApacheの設定
-
複数のJavascriptを1つのscrip...
-
JW FLV Playerのプレイリスト連...
-
JavaScriptでiframeの内容を「...
-
window.onloadイベントの任意実...
-
相対パスと絶対パスの速度
-
新しいウィンドゥを最大化で立...
-
HTMLソースからURLだけを抜き出...
-
JavaScriptでの実装
-
SQLのWHEREで全てを質問する方法
-
<iframe>~</iframe>内のwindow...
-
<div>のタッチ状態を維持したま...
-
undefinedが表示されてしまう
-
window.openでフルスクリーン表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
bodyにwidth:100%をつける理由は?
-
WEB上で編集できない、スク...
-
ワンクリックで二箇所に表示さ...
-
スクロールバーのスクロール量...
-
横スクロールを右から左へ・・・
-
テキストをクリックすると答え...
-
bodyタグの範囲について
-
ページの読み込みが完了してか...
-
「overflow: hidden」ペー ジ内...
-
"mailtoでメールの【氏名】【性...
-
外部ページからハッシュタグ(...
-
DOCTYPE宣言をするとstyleが適...
-
mailtoで質問・・・
-
IE以外は色が付かない なぜ?
-
javaScript Nullまたはオブジェ...
-
divで作成したテキストボックス...
おすすめ情報