Ｈ１タグの表示がずれるのは何故？

図のようなサイトを作成しています。
メイン部分をテーブルで囲ってその外枠に、Ｈ１、Ｈ２、Ｈ３（以下この三つの部分をまとめて「ヘッダ」と称す）を図のように、これまたテーブで囲って配置しています。

ヘッダの配置は<!--#include　file="○○">を使っています。

サイト全体はは８００Ｍ程度で、５０ページほどあり、大方、１０ＫＢ以下のページが多いです。

但し、中には３０ＫＢのページも幾つかあります。

ところがページによって、不思議な現象が出て困っています。

あるページ（甲）を画面上でクリックすると、ヘッダの先頭部分（Ｈ１）がＡ部分まで右によっているんです。勿論、Ｈ２、Ｈ３も平行して右によっていてメイン部分より右にはみ出しています。

ところが、別ページをクリックして再度、甲ページに戻ると、Ｈ１はＢの位置に戻っていて理想のデザインになっています。

どうして、このような現象が出るのか解りません。しいて言えば、縦長に長いページに多い現象かなあ？って感じぐらいで確固たるものではありません。

そこで質問です。

１
このような現象は何故おこるのでしょうか。

２
修復可能でしょうか。

精通されて居られる方がいましたら、宜しくお願いします。

No.1 回答者： ORUKA1951 回答日時： 2014/12/07 16:21

原因は実際に見ないと分かりませんが、多分tableそのものが原因でしょう。

解決方法は、tableを使わないに尽きるでしょう。
今から１５年前の1999年のHTML4.01の勧告以来、とても強く配置にtableを使わないことが強く推奨されてきました。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
非視覚系メディアでのレンダリングに際して問題を起こすことがあるため、単に文書内容を整形する目的だけで表を用いるべきでない。 さらに、見た目のために表が用いられると、その表が大きなディスプレイのあるシステムで作られた場合、表を見るために水平スクロールを強いられることがある。 こうした問題を最小限に押さえるため、著者は文書の整形には表ではなくスタイルシートを用いるべきである。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Tables in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )］より
『ページレイアウトの目的で表を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』

この回答への補足

テーブルの悪は知っていたんですが、h1をＢ位置に合わし、しかも、h2、h3の書き出しの頭も揃えるとなると、どうしてもテーブルとmargin
を利用しなければ無理だったんです・・

テーブルって、seoには良くないかもしれませんが、私の現象にも影響してるんでしょうか？ちょっと疑問ですが・・

再表示させた時に、正常になっているとみると、なんか認識が非常に遅れているようにも感じるのですがねー？

補足日時：2014/12/07 19:35