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

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

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

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

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

No.4 回答者： Java-Java 回答日時： 2011/05/27 10:02

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

No.3 回答者： ORUKA1951 回答日時： 2011/05/25 11:43

その場合、どこかで

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

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

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

No.2 回答者： ORUKA1951 回答日時： 2011/05/25 08:18

XML/XHTMLだとそうなります。

CSSの先頭に、html,body{margin:0;padding:0;}
がありますか?

この回答へのお礼

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

お礼日時：2011/05/25 10:05

No.1 回答者： ORUKA1951 回答日時： 2011/05/24 20:06

　私の普段使用しているWindowsXP pro、firefox3.617で、HTML4.01strictではその現象は観察されません。

　作成しているHTMLの仕様、使用しているブラウザ、OSなどの情報がないと、たぶん誰にも答えようがない。
　あなたの環境と、他の人の環境はいつも違うことを念頭において質問しないと・・

この回答へのお礼

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

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

お礼日時：2011/05/25 00:24