• 締切済み

まったく同じものがサーバーによって表示が違う

まったく同じHTML、CSSで組まれているページなのに2つのテスト環境のサーバーと本番環境のサーバーにアップロードするとFFやSFなどは大丈夫なのですが、IEで見るとメニュー部分が少し表示が微妙にずれています。 サーバーは同じファーストサーバーなのですがこんなことがあるのでしょうか。 HTMLもCSSも比べてもまったく違いがないのですが・・・・。

みんなの回答

  • Yanch
  • ベストアンサー率50% (114/225)
回答No.1

HTML のヘッダではないですが、 HTTP のヘッダも確認しました?

yoncyome
質問者

補足

早速のご回答ありがとうございます。 HTTPヘッダは以下になります。 ちなみにテスト環境はベーシック認証が かかっております。 *************************************** テスト環境 # HTTP/1.1 401 Authorization Required # Date: Fri, 04 Dec 2009 09:35:27 GMT # Server: A p a c h e # WWW-Authenticate: Basic realm="Member Only" # Transfer-Encoding: chunked # Content-Type: text/html; charset=iso-8859-1 *************************************** 本番 # HTTP/1.1 200 OK # Date: Fri, 04 Dec 2009 09:34:40 GMT # Server: A p a c h e # Transfer-Encoding: chunked # Content-Type: text/html ***************************************

関連するQ&A

  • 本番環境とテスト環境のURL

    下記の環境があります。 本番環境 http://aaa.com/ テスト環境 http://bbb.com/ ページ内のリンクでhttpsを使うところがあり、 相対パスでリンクを書くことが出来ません。 なのでテスト環境のHTMLにはhttps://bbb.com/という リンクを書くのですが、これだと本番環境に HTMLを持っていったときに使えないため 書き換えなければなりません。 aaaの部分を何か共通のファイルで持たせるなりして 本番環境でもテスト環境でも同じHTMLファイルを 使いたいのですがよい方法はありませんでしょうか? aspやjsp等を使うことは出来ません。 JavaScriptは使えます。 SSIは使えます。

    • ベストアンサー
    • HTML
  • ローカルで動くページがサーバ上で正しく表示されない

    ホームページを作成しています。ローカル上で正しく動くページをサーバにアップロードすると、バックの画像が表示されなかったり、リンクが正しく表示されなかったりします。 http://www.html5mania.com/agora-free-html5-template/ 上のテンプレートを使って文言を変更している程度なので、 CSSをいじっているなどはありません。 テンプレートをいじらずにサーバにあげても同様のことが起きていました。 正しく表示させる方法がもしわかりましたら、教えていただきたいです。 よろしくお願いいたします。 ※カテゴリ違いなどでしたら、申し訳ございません。

  • アップロードするサーバーによってレイアウトが崩れる

    はじめまして。 アップロードするサーバーによってレイアウトが崩れてしまう現象について質問させて下さい。 現在制作しているウェブサイトがあります。 構造は各パーツをHTMLで作成し、PHPでinclude_onceを使用し 各パーツを読み込んで表示させています。 テストサーバーのロリポップでは全く問題なく表示されています。 本番では真っさらなサーバーを契約し、業者さんが全て使用環境に合わせて設定してくれる予定です。 まだ細かい設定前なのですが、ロリポップで問題なく表示されていたデータを 試しにアップロードしてみた所、何故か上部(ヘッダー上)に40px程の空白が出来てしまいます。 ちなみにwrapperに記述しているcssは #wrapper { margin:0 auto; width: 900px; padding:0; text-align: left; } という感じで上部に空白が出来る感じにはなっていません。 wrapperのすぐ下に入るheaderのcssは下記です。 #header { width:900px; padding:0 0 20px 0; border-top: 2px solid #E95504; } こちらもヘッダー下だけに20px空けたいので、そういう設定にしています。 ロリポップでは問題なく表示されているのに 違うサーバーにアップする事でレイアウトが崩れてしまう事ってあるのでしょうか??? サーバーは受ける側なので、表示が変わってしまう事があるなんて知らず このような問題が初めてで戸惑っています... wrapperやheaderのcssに何か問題ありますでしょうか?? また業者さんに設定してもらう際、ロリポップと同じ環境に設定して下さい とお願いしたらこの問題は解決しますでしょうか?? 制作環境はMac OS 10.6.8でDreamweaver MXとmiエディタを使用しています。 動作確認環境はMac Safari/Firefox/Crome Windows Safari/Firefox/IEで この環境下でロリポップでは問題なく表示されています。 他に必要な情報などありましたら追記しますので、お知らせ下さい。 どうぞご教授宜しくお願い致します。

    • 締切済み
    • CSS
  • 擬似フレームでブログを表示

    HTML及びCSSの初心者です。 この度個人のサイトを開設するにあたり、CSSを使ったフレーム風のページを作成しました。 (各ページにメニュー一式を組み込み、レイアウトを全く同じにするという方法です) そのサイトのメニューコンテンツの一つがブログ(fc2ブログ)なので、他のメニューコンテンツと同一なレイアウトになるように、ブログ管理ページでカスタマイズしました。 ところが実際にファイルをウェブ上にアップロードして、サイトの動作を確認したところ、他メニューからブログページに飛び、ブログページ上でIEの更新ボタンを押すとCSSが全く反映されてないHTMLだけのページが表示されてしまうようになりました。 (分かりにくい文章で申し訳ありません。例えば→TOPページなどからBLOGページへ移動し、そのBLOGページで更新ボタンを押した時です) 試しに他メニューからのブログページへのリンクに<target="_blank">を挿入して、新しいウィンドウを開いてブログページを表示するようにすると、更新してもレイアウトがおかしくなることはありませんでした。 フレーム(flameset)を使ったり、上記のような新規ウィンドウを開くという選択肢があるのは承知していますが、なるべく同一のウィンドウ内でコンテンツを表示させたいので、レイアウトが崩れる理由や対処方などを教えていただけると助かります。 どうぞよろしくお願い申し上げます。

  • サーバーにアップロードしたあと

    今、自分のウェブサイトをつくっています。 HTMLファイルをサーバーにアップロードするということはわかるのですが、サーバーに繋いだらたくさんフォルダがでてきてどこに入れたらいいのかわかりません。自分のドメインのフォルダがあったので適当に入れてしまいましたが…笑、あってますか? 問題はその後で…。アップロードしたけど、どうしたらそれがアドレス(http:// の形)になるのかわかりません。 てっきり、(http:// の形)になるのかと思ってたのですが、違うのでしょうか? ブラウザで確認しても、 file:///Users/mylocalfolder's name /Downloads/examples/example01_b_html_image_embed_css.html と表示されます。これじゃ、思っていたのと違っていて…。 どうしたらこのページ”/example01_b_html_image_embed_css.html”をhttp://の形で見られるのでしょうか? サーバーはDreamhost, FTPはFileZillaつかいました。 画像はサーバーのフォルダです。 ローカルフォルダから、ここまで移動できたのですが どうやってこれを次に活用したらいいのかわかりません。。。 どなたか助けてください><

  • html以下の文について、Webサーバ上のWebサ

    html以下の文について、Webサーバ上のWebサーバとはどこにあるんですか? 例を教えていただけますか? HTMLとCSSはWebページを作るために使われる言語です。 HTMLやCSSが書かれたファイルをWebサーバー上に置くことで、全世界の人にWebページを公開することができます。

    • ベストアンサー
    • HTML
  • IE6でページの表示がずれます。

    HTMLで作成したページが、IE7とFirefoxでは、正常に表示されるのですが、 IE6で確認すると、ページの左側部分が全体的に下にずれて表示されます。 CSSを修正したり、手を尽くしてみたのですが修正できません。 何かIE6に正しく表示させるような方法はありますでしょうか。 教えて頂ければ幸いです。

  • IE6でレイアウトが時々崩れる

    お世話になります。 IE6ではCSSのバグがあり、レイアウト崩れは周知のこととは思いますが、 常に崩れるわけではなく、時々崩れる(更新2回に1回ほどの頻度)という現象で、 原因がどこにあるのかわからず困っております。 また、本番サイト上でのみ発生し、該当画面をHTML保存しても、ローカルでは再現しません。 本番サイトと同ソースの開発環境がありますが、こちらも再現しません。 (サイトはphp+smartyで構築しています) 現象としては、左側にメニューエリア、横にメイン表示エリアがありますが、 特定のページのみ、メインエリアがメニューエリアの下にずれてしまいます。 マージンが二倍になってしまうバグかと思い、CSSを修正しましたが改善しません。 開発環境と本番環境での気になる違いは、本番環境ではネットワークの関係で、読込がやや遅いことです。読込レタリングの途中までメニューの横に表示していたのに、何かのタイミングで下へずれてしまいます。 ietesterやMicrosoft Expression Web 3 SuperPreview for Internet Explorerなどを使用して調査しています。 時々崩れるという現象について、 何かアドバイスがありましたら、宜しくお願い致します。

  • cssを使ってlist表示(opera)

    こんにちは。 初心者ですが、今cssとxhtmlを用いてのweb制作をしております。 cssの指定でマウスを乗せると色が変わるメニュー(横型)を配置したのですが、Firefoxでは動作確認できるのですが、IEでは全部崩れ、operaではメニュー部分のリストが指定できていません。 FirefoxとoperaではCSSの記述に違いがあるのですか? そして、IEで表示する際にcssはどうしたらきちんと読み込んでくれるでしょうか??

    • ベストアンサー
    • HTML
  • SQL Server 2005 EXPRESS Developer E

    SQL Server 2005 EXPRESS Developer Editionの機能について 現在、開発用パソコンと本番サーバー用パソコン間で、データのインポート・エクスポートの為だけにDeveloper Edition を使っています。 Developer Editionは開発・テスト用途と言う事ですが、本番環境との違いとは何ですか? 本番環境で使うと、どういった制限が有るのですか? ご存知の方、よろしくお願いします。