ホームページのレイアウトについての悩み

このQ&Aのポイント
  • ホームページのレイアウトについての悩みについて質問があります。
  • 自作ホームページが一部のパソコンでレイアウトが崩れる問題が発生しています。
  • その原因や回避方法を教えていただきたいです。
回答を見る
  • ベストアンサー

教えてつかぁさい。HPのレイアウトについて。

どうすればいいのですか?html ・CSSのレイアウトについて教えてください 素人なのでうまく説明できないかもしれないですが、よろしくお願いします。 メモ帳を使い、会社のホームページを作成しました。 FC2の無料サーバーにアップロードし、IE8でホームページを開くと正常に表示されました。 CSS検証サービスなどもクリアーし、他のブラウザ(Opera,Firefox,Safari)でも問題なく同じレイアウトで表示されます。 ところが、私の使用しているパソコンとまったく同じ機種(ブラウザIE8、同じモニターサイズ、表示の設定なども一緒)のもう一台のパソコンでホームページを開くと、レイアウトが崩れてしまうのです。 わけがわからないので、とりあえずCSSにclear:bothなどのソースを追加し、そのファイル(メモ帳)を〔プログラムから開く〕でIE8で開くとレイアウトが崩れているのですが、そのファイルをサーバーにアップロードしてIE8(他のブラウザでも)でホームページを開くと正常に両方のパソコンで表示されるのです。違う機種のパソコンでも正常に表示されました。 そこで質問です。 そもそも、こういう事ってあるんですか?あるのなら回避方法を教えてください。それとも、このまま仕方なくサーバーにアップロードし、ホームページ上では正常に表示されるが、メモ帳から開くとレイアウトが崩れている、このファイルをこのまま使うのが良いのか、それとも何かほかに良い方法があるのでしょうか? 分かりにくい長文になり申し訳ないのですが、どなたかお知恵をお貸しください。よろしくお願いします。社長に叱られます。

  • HTML
  • 回答数1
  • ありがとう数0

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

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

http://oshiete.nikkeibp.co.jp/qa6614175.html 設定が同じと勘違いしていることが多いです。 マイナーバージョンやリビジョンが違う、ブラウザがキャッシュを見ていた、プロクシサーバーのキャッシュを見ていた、特定のプラグインが入っているかどうか、など。 IEのマイナーバージョン、リビジョン、プラグインについては、Windows Update「も」確認して下さい。 IEの場合は、インターネット、イントラネット、ローカルなどで個別に設定できる項目がありますので、(Operaはサイトごとに設定を変えられます) アップロード前と後で表示が異なることもよくあります。 もしくは、アップロードしたつもりが、別のファイル(バックアップファイルなど)をアップロードしていませんか? 全ての設定が同じ場合に、それでも異なる表示になると言うことは私は経験していないので、 すみませんが、原因がわかりません。

関連するQ&A

  • 同じブラウザでレイアウトが崩れるのはなぜですか?

    同じブラウザ(IE8)を使用しているのに、CSSレイアウトが崩れます。 HTML、CSSをタグ打ちでホームページを作成したのですが、 2台のまったく同じパソコンで表示させたところ、同じブラウザ(IE8)を使用しているのにレイアウトが違っています。 自分のパソコンでは思い通りのレイアウトで表示されるのですが、もう一台の同じパソコンでは余白が広すぎたり、 2段で表示されたりしてしまいます。 ちなみにCSS検証サービスなどでは問題ありませんでした。 他のブラウザでも私のパソコンでは同じレイアウトで表示できます。 何がダメなのかまったくわかりません。 サーバーはFC2の無料サーバーを使用しています。 考えられることがあれば、何でもいいのでどなたか教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • HPのレイアウトが崩れる

    作成したホームページを社内LANで繋がっているファイルサーバーに保存して、そこからブラウザで確認するとレイアウトが崩れてしまいます。 デスクトップにおいてあるほうを見るとレイアウトは崩れていません。 作り方が悪いのでしょうか? ホームページはXHTML1.0 とCSSで作成しています。

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

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

  • ホームページの表示が突然崩れる現象について

    レンタルサーバーにUPしているホームページなのですが、更新作業とか皆無の状況でレイアウトが崩れているのを発見しました。スタイルはHTMLに記述せずに別のCSSファイルから読み込む形式です。 環境はブラウザがIE7/OSはXP。ちなみに他のPC、IE6/OS=XP・IE6/OS=Win2000でも確認しましたが同様です。 ローカルサイトでは正常に表示されるので各ファイル(全部ではありません。確認の為のINDEXとCSSのファイル)を上書きUPしましたが解決しません。ちなみに下記のことも試してみました。 1)同じ環境でブラウザがネットスケープ・ファイアフォックスでは正常。 2)ローカル保存のファイルを他のサーバーに試験的にアップしたところ、どの環境でも正常に表示。 レンタルサーバー会社に問い合わせしていますが、今のところ返事がありません。なにか考えられる問題点があれば是非、教えて下さい。

  • HP作成2段組みレイアウトで、サイドバーがはみ出る

    現在、CSSでレイアウトを整えたいのですが、上手くいきません。何故かはみ出てしまいます。 ページのレイアウトの右側、黄色い「 side 」の部分ですが、IEや、Google Chormeのブラウザで確認すると、黄色い部分が画面右にくっついたり、レイアウトが変わったりしてしまいます。CSSで、floatをrightにしても、上手くいきません。 これをレイアウト内にすっぽりと、隙間なく収めるには、どうすればよいでしょうか? 詳しい方がいましたら、ご回答お願いいたします。

  • ホームページのレイアウトが崩れてしまった

    個人で作成しているホームページのレイアウトが突然崩れ困っています! もともとホームページビルダーで作成し、アップロードしているのですが、ホームページビルダーで確認しても何の問題もないのに、ホームページ上では崩れてしまいます。 ほかのパソコンやバージョンの異なるIEで確認しても同じです。 すいませんが、よろしくお願いします! http://fujishirodai.hp.infoseek.co.jp/

  • DreamWeaverのレイアウト崩れについて

    DreamWeaver CS2のCSSでのレイアウトのデザイン表示が崩れます。 サーバにアップすれば正しく表示されるのですが、 アプリケーション上、ローカルからブラウザで閲覧すると レイアウトが壊れます。 これらはどのようにしたら改善されるのでしょうか? 検索してもなかなか合致する解決策が見つかりませんでした。 ご存知の方、ご教示くださいますと幸いです。 よろしくお願いします。

  • CSSレイアウトでこのようなことはできる?

    ホームページをテーブルを使用しないCSSレイアウトで作成しようと思います。 左右を分けるのにfloatを使用して作っています。 横幅は30%と70%で分けていますが、ブラウザの幅を小さくすると上下にずれてしまいます。 そこでブラウザで800px以下になった時は横バー表示するようにしたいです。 このようなことはできるでしょうか?

  • ブラウザによって上手く表示されません

    CSSでデザインとレイアウトをして、それをブラウザに表示させた時、 OSとブラウザによって上手く表示されるものとそうでないのがあり、 それらをどうやって対処したらいいのか分かりません。 具体的には、MAC OS10 のIE5.2とFirefoxが正常に表示されるのに対し、 WINXPのIE7.0とSleipnirでは同じレイアウトの崩れ方をします。Firefoxは大丈夫でした。 逆もまた然りで、WINブラウザで正常に表示させようとすると、MACでは崩れてしまいます。

    • 締切済み
    • CSS
  • XHTML+CSSレイアウトについて

    段組レイアウトで画像を配置しているのですが、画像の上側部分に空白が出来て しまいます。(IE6で確認すると) 他のブラウザ(Opera+mozila+News)ではきちんと空白が詰めております。 現状で空白を詰めるにはどのようにしたら良いでしょうか? 「具体的なソース」 http://www.geocities.jp/travelxstory/test/test.html http://www.geocities.jp/travelxstory/test/css001.css 真中のabout画像と上の赤い線の間に空白が出来てしまいます。 勿論、マージン等も設定してIE以外のブラウザではきちんと詰まって表示されます。なぜか上部のaboutだけは正常に空白なしで詰まっております。 現状のXTHML+CSSで画像の空白を詰めるにはどのようにしたら良いでしょうか?

専門家に質問してみよう