h1にmarginを指定すると一瞬カクと表示される

質問

cssでヘッダーのサイト名の箇所のh1にmargin:0を指定すると、ページを表示した時に、ページ全体がmargin:0の位置より、ほんの少し下に表示され、その後一瞬でmargin:0の位置へ移動します。

なので、結果的にページ移動時は一瞬カクッとページ全体が上にずれるので見辛いです。

margin:0を指定しないと、この現象は起きません。
サイトの上下をmargin:0にしつつ、この現象が起きないようにするにはどうすれば良いでしょうか。

対処法をご存知でしたら教えてください。
よろしくお願いします。

回答No.4

Java-Java

CSSをJavaScriptで制御してる事はないですか？

回答No.3

ORUKA1951

その場合、どこかで
html,body{margin:0;padding:0;}
だけでなく
*{margin:0;padding:0;}
の指定がありませんか?HTML4.01strictにしたら、起きない。

XMLを表示する場合、htmlとbodyの隙間ができるから・・

気にしないレベルだと思いますけど・・

回答No.2

ORUKA1951

XML/XHTMLだとそうなります。
CSSの先頭に、html,body{margin:0;padding:0;}
がありますか?

お礼

ご回答ありがとうございます。
教えていただいた通り記述してみましたが、表示は変わらないようです。

回答No.1

ORUKA1951

私の普段使用しているWindowsXP pro、firefox3.617で、HTML4.01strictではその現象は観察されません。
　作成しているHTMLの仕様、使用しているブラウザ、OSなどの情報がないと、たぶん誰にも答えようがない。
　あなたの環境と、他の人の環境はいつも違うことを念頭において質問しないと・・

お礼

ご回答ありがとうございます。

使用しているOSはWinXP Proです。
使用言語はxhtml 1.0 transitionalです。
表示を確かめたブラウザはIE,Firefox,googleChrome,Safariです。（全て最新）
どのブラウザでも同じ症状が起こります。
よろしくお願いいたします。