以下、HPですが、
「top」
http://mcs.ckb.jp/aaa/
「次のページ」
http://mcs.ckb.jp/aaa/works.html
IE6で見ると「top」ページのみ、header以下が、左へずれます。
FF SAFARiでは大丈夫でした。
基本は「top」を複製して次のページを作ったので、ずれるならば
両方ずれるはずなのですが、、、
原因が全くわかりません。誰かわかる方おりませんでしょうか。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
すみません^^;
質問文をちゃんと理解していなかったみたいです。
ぱっと開いた時に、FFでは問題ないのにIEではTOPページが一段下に改行されて表示されていたので、それがズレだと勘違いしました。
問題なのはTOP以外のほうで、上下のズレじゃなくて左のズレだったんですね・・・。
今IE6が無いのですが、IE7でも確認できました。一見すると、ヘッダ画像が「右に1ピクセル程度飛び出して」見えることですよね?現在のTOPページも次のページも。
つまり、質問者さんから見れば、それより下が左にズレてるってことになるんでしょうか。
Firefoxではズレないですねえ。
すみません、わかりません^^;
こういう事ってなかなか原因特定が大変ですが、まずスタイルシートを外して、そのれで違いが出ないことを確認してから次に進むほうが良いように思います。大抵、CSSの互換性である場合が多いと思います。
お力になれずすみません。
No.1
- 回答日時:
複製されてませんよ。
ズレたのは、ヘッダーの部分です。
■トップページ
<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/
うーん、なんでなんでしょうか。。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- YouTube youtubeのTOPページの動画紹介画面の並び方を変えたいです。 1 2023/03/18 09:25
- HTML・CSS HTMLとcssでページを作っています。右図のような形にしたいのですが、margin topで指定す 3 2023/06/08 23:39
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- PDF こんなPDF作れますか? 6 2022/05/13 11:14
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- SEO googleサーチコンソールでの重複ページ(ダブルスラッシュ) 3 2023/06/12 15:00
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
- アプリ Edgeを操作するアプリについて 4 2023/05/11 22:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
HTML電卓で1文字消す方法
-
<!DOCTYPE html>あってますか?↑
-
テーブルの行を折りたたみたい...
-
Duolingo のソースコードの名前...
-
HTML入門でもう躓いてしまった。
-
HTMLで画像をポップアップで表...
-
初心者html・CSS ウィンドウを...
-
スマホで、左右にスワイプして...
-
アコーディオンメニューが思う...
-
テーブルタグのセルの幅の一部...
-
HTMLです すいません教えてくだ...
-
フロントエンジニアで一人前と...
-
HTMLで特定の文字だけ色を変え...
-
WEBページを強制的に横画面で見...
-
、URL化させるにはどうしたらい...
-
CSSについて教えてください。 ...
-
CSS、Bootstrapについて contai...
-
コードを書いて下さい( ; ; )...
-
htmlで<form>~</form>を並べて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルのセルデータを自動改...
-
goo は、放置?
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
HPレイアウトが同じページのヘ...
-
CSS、Bootstrapについて contai...
-
CSSについて教えてください。 ...
-
静止画画像をクリックすると音...
-
、URL化させるにはどうしたらい...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
Webページのリンクの貼り方を教...
-
Duolingo のソースコードの名前...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
コードを書いて下さい( ; ; )...
-
HTMLで画像をポップアップで表...
-
角丸画像の背景色を透明にした...
おすすめ情報