• ベストアンサー

IE6 でHPが正しく表示されない部分があります

ドリームウィーバーでサイトを作っております。 下記アドレスで、ブラウザ表示チェックをした際、 http://ipinfo.info/netrenderer/index.php IE6でサイトを表示すると、mainコンテンツ部分が表示されていない ようなのです。当HPはhttp://chloe.gozaru.jp/です IE7では問題なく表示出来ています。 なぜIE6ではエラーが出るのでしょうか。教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

IE7やFire Foxでは多少のレイアウトの誤差は大丈夫ですが、IE6は結構シビアです。 よってスタイルシートを使用してレイアウトを行う場合、スタイルシートの知識などが結構必要になってきますので、無料配布などのテンプレートを改造したりして使おうとすると幅が合わずに下に落ちるなどの現象は良く起きる事です。 質問者さんのサイトを見た場合、大雑把に言うと wrapperというIDで設定された枠の中にleft_menuとmainのIDで設定された枠をfloat:leftというタグを使って横並びにさせています。 ですので、簡単な図式にすると wrapperの幅≧left_menu+main でなければレイアウトが崩れます。 見た感じ wrapperのwidth860px=left_menuのwidth680px+mainのwidth180px でよさそうですが、良く見るとwrapperの両サイドにborder-rightとleftで1pxずつの線が入っています。 ですのでwrapperの幅は width860px - border-right1px - border-left1px=858px となってしまい、2px分大きくなってしまっていますので、横に並びきれずにメイン枠が下に落ちてしまっています。 ですので、wrapperのwidthを862pxにするか、left_menuかmainのwidthを2px分小さくして調整すればIE6でも大丈夫だと思います。 お試しを。

jonnobu
質問者

お礼

画面上からmain部分が消えてしまっているのだとばかり 思っていました。幅があっていなかったとは、目からウロコです。 pika_kichi様のおっしゃる通りに、さっそく幅を変更してみたところ 下に落ちていたメイン枠が元の位置に戻り、正常に表示されました。 有難うございます、本当に助かりました。

関連するQ&A

  • HP背景のグラデの作り方

    こんにちわ教えてください。 今ドリームウィーバーcs3でHPを作成しています。 巷のHPの背景にあるようなグラデを使いたいのですが、 どのようにすればよいのでしょうか? 当初、グラデのgifファイルなどを背景にリピート表示すれば よいのだと思っていましたが、それだとHPが重くなるので javaで表示させるのが一般的だと聞いたことがあります。 しかし残念ながら私はjavaの使い方がわかりません。。。(--; gifファイルのリピートはよろしくないのでしょうか。 (ドリームウィーバーのビヘイビアなどでマウスオーバー時の  アイコン変更の仕方は教えてもらったので  もしドリームウィーバー上で簡単にできるのであれば教えていただきたいです) また、少しネットで検索してみましたが、 CSSでも作れる、的なことが書いてあったのですが、 私が見たHPの内容は数年前のupでして、 今のIEのver.やドリームウィーバーではどんな風に作っているのかなと思いまして。 http://www.pola.co.jp/index.html?cid=ov6040 http://www.verma-beauty.com/ こんなカンジで上から下へのグラデや、 http://www.aura-soma-tess.com/ こんなふうにメインコンテンツの左右に淡いグラデを効かせたいのですが。。 どうぞよろしくお願いいたします。

  • IE7、IE8をインストールしてからIE6で表示されるには

    IE6を使っています。 HPを作成しているのですが、 他のブラウザでもチェックしたいので 例えばIE7やIE8をインストールして表示してみたいのです。 ただ、新しいブラウザをインストールした場合 自動的にそのブラウザでの表示に替わってしまいますよね? 新しいブラウザではなく、IE6を使うことは可能でしょうか? また、その場合どのように操作すればIE6に戻せますか? よろしくお願いいたします。

  • IEで特定のページが表示されません。

    IEで特定のページが表示されません。 WEB製作に興味があり個人でHP製作を引き受けています。 私が製作したHP http://npo-zion.jp/index.html の http://npo-zion.jp/question.html ぺージだけがIEで表示されません。Firefoxではちゃんと表示されます。 headとfooter部分はindexページのコピーなのでまったく同じはずです。 考えられるのはコンテンツ部分なのですが、なぜ表示されないのか理由が分かりません。 プロの方どうかご教授ください。

  • IE7だけ画像が表示されません。

    IE7だけ画像が表示されません。IE8は大丈夫です。FIREFOXなども大丈夫です。破れてるわけではなく、非表示です。ただ同ページ内に表示されてる画像もあります。アドバイスいただければ幸いです。 ↓表示されない画像の記述です <div class="buttonRow forward"><a href="http://www.***.jp/modules/zox/index.php?main_page=checkout_shipping"><img src="includes/templates/template_default/buttons/ja_utf8/button_checkout.gif" alt="送信手続きへ" title=" 送信手続きへ " width="90" height="36" /></a></div> ↓表示される画像の記述です <a href="http://www.***.jp/modules/zox/index.php?main_page=product_info&amp;products_id=1"><div id="cartImage" class="back"><img src="images/pc_mobile.jpg" alt="美容関連商品のECサイト" title=" 美容関連商品のECサイト " width="50" height="40" /></div><div id="cartProdTitle">美容関連商品のECサイト<span class="alert bold"></span></div></a>

    • ベストアンサー
    • HTML
  • HPが立ち上がりません

    ファイルをアップロードまではし、リモートフォルダにも入っているのですが、アドレスを入力しても404になったり403になったり見つかりません。となってしまいます。ドリームウィーバーでアップしたのですがどうして見れないのかがわかりません。public.htmlの中にindex.htmlを入れて作っていったのですが、パーミッション・大文字小文字もチェックしました。 そのほかに、チェックするところはありますでしょうか?時間がなくHPが画面に映るように早くしたいです。宜しくお願いします。 (今まで人がアップしたHPを編集することは日常しているのですがアップしたことがなく、まったくなぜあがらないのかわかりません)

  • 下記のようなHP作成に必要な知識は?

    はじめまして。HP作成について勉強している者です。 下記のサイトですが、どのようにして作成しているのでしょうか? ttp://jjm.jp/ ・ドリームウィーバーとPHPを利用しているのでしょうか? ・今日誕生日の有名人という項目ではどのような仕組みで表示されているのでしょうか? ・PVランキングの項目ではではどのような仕組みで表示されているのでしょうか? 質問が多くてすみません。。 どういった知識があればこのようなサイトが作成できるか教えていただきたいです。 お手数ですが、ご回答よろしくお願いいたします。

  • 作成したHPがIEで表示されません!

    作成したHPがIEで表示されません! URLはhttp://laila.chu.jp/です。 店のHPなので、IEで表示されないと使えません・・・・ 助けてください。。。

    • ベストアンサー
    • HTML
  • 同じURLにアクセスしても、IE7とFirefoxで表示ページが異なる

    同じURLにアクセスしても、IE7とFirefoxで表示ページが異なる。 kamuycikapです。 http://www.agion.jp/にアクセスすると、IE7とFirefox3では表示される内容が異なる現象が発生しており、理由が分からなくて困っています。 サイトをブラウザで開くと、IEは正しいページ「index.html」が表示されるのですが、Firefoxではindex.htmlでは無く、別の商品ページが表示されてしまいます。 FirefoxでもIEと同じページを開いてほしいのですが.... 原因が何なのかさっぱり分かりません。 ページの作り方の問題なのでしょうか????? IEでhttp://www.agion.jp/にアクセスすると http://www.agion.jp/index.html が表示されます。 Firefox3でhttp://www.agion.jp/にアクセスすると http://www.agion.jp/ags.html が表示されます。 考えられる要因は何なのでしょうか? 識者の方、ご教示願います。

    • ベストアンサー
    • HTML
  • IE8でHPを表示されるようにしたい!

    IE8でHPを表示されるようにしたい! ご覧頂きありがとうございます。 今までのHPをリニューアルしようとして、 新しくメモ帳でhtmlタグを使いHPを作り、 FFFTP経由でサーバーにアップロードしました。 アップロードは上手くいったのですが、いざ接続してみると 画面は真っ白で、表示されませんでした。 ホスト側では全く問題なく見れます。 いろいろと試してみましたが、上手くいかず、 サーバー管理者にメールで問い合わせしたところ、 InternetExplorer8のブラウザで閲覧すると 真っ白なページが表示される状態となっておりますが、 他のブラウザでは正常に閲覧が可能となっておりました。 申し訳ございませんが ホームページ作成上で発生した不具合には こちらでは対応出来かねますので 予めご了承頂きます様お願い致します。 InternetExplorer8のブラウザでも閲覧が可能となる様 お客様側で修正をお願い致します。 と返信がありました。 IE8で表示されるようにするタグみたいなものがあるのでしょうか? また、どのような修正をすれば表示されるようになるのでしょうか? ご回答のほどよろしくお願いいたします。

  • IEを立ち上げたとき、特定のHPが表示される

    IEを立ち上げたとき、特定のHPが表示されるます。空白で立ち上げたいのですが、右上の✖をクリックするとIEが終了してしまします。これはそういうものですか。いつも他のブラウザを使っているのでわかりません。教えてください。