IE6で発生するズレがトップページだけ発生します。

質問

以下、HPですが、

「top」
http://mcs.ckb.jp/aaa/

「次のページ」
http://mcs.ckb.jp/aaa/works.html

IE6で見ると「top」ページのみ、header以下が、左へずれます。
FF SAFARiでは大丈夫でした。
基本は「top」を複製して次のページを作ったので、ずれるならば
両方ずれるはずなのですが、、、
原因が全くわかりません。誰かわかる方おりませんでしょうか。

回答No.3

new_hope

すみません^^;
質問文をちゃんと理解していなかったみたいです。
ぱっと開いた時に、FFでは問題ないのにIEではTOPページが一段下に改行されて表示されていたので、それがズレだと勘違いしました。
問題なのはTOP以外のほうで、上下のズレじゃなくて左のズレだったんですね・・・。

今IE6が無いのですが、IE7でも確認できました。一見すると、ヘッダ画像が「右に1ピクセル程度飛び出して」見えることですよね？現在のTOPページも次のページも。
つまり、質問者さんから見れば、それより下が左にズレてるってことになるんでしょうか。
Firefoxではズレないですねえ。

すみません、わかりません^^;
こういう事ってなかなか原因特定が大変ですが、まずスタイルシートを外して、そのれで違いが出ないことを確認してから次に進むほうが良いように思います。大抵、CSSの互換性である場合が多いと思います。

お力になれずすみません。

回答No.2

new_hope

追記ですが、
Dreamweaverで開いてもトップは一段ズレており、そこを選択したら<li>があったのでわかりました。

回答No.1

new_hope

複製されてませんよ。

ズレたのは、ヘッダーの部分です。

■トップページ
<div id="HEADER">
　<h6>［］店舗デザイン/リノベーション/リフォーム/住宅設計/住宅デザイン</h6>
　<img src="img/arc_top01.jpg">
　<li><a href="works.html"></a></li>
</div>

■次のページ
<div id="HEADER">
　<h6>［］店舗デザイン/リノベーション/リフォーム/住宅設計/住宅デザイン</h6>
　<!--<ul id="PAN">
　　<li><a href="index.html">top</a></li>
　　<li>works</li>
　</ul>-->
</div>

トップページではこのliタグの存在のために一段使われています。
次のページではコメントアウトされて無効になっているので影響を受けていないだけです。
トップページのお問い合わせリンクの配置の仕方を変えるなり、ほかのページも一段<br>で改行するなり、
あるいは
<li><a href="http://mcs.ckb.jp/aaa/works.html"></a></li>
はどうせスタイルシートで表示場所を指定しているので、どこに記述してもいいはずなので、ページ内で改行の影響を受けない目立たないところにところに記述するとか、いろいろと方法があると思います。

補足

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

トップページのHEADER部分ですが、
ちなみに、今、次のページと同じ内容に書き換えたのですが、
やはりIE6では左にずれて表示されています。

​http://mcs.ckb.jp/aaa/

うーん、なんでなんでしょうか。。。