• ベストアンサー

HPのレイアウトが崩れる

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

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

  • ベストアンサー
  • pc456
  • ベストアンサー率42% (21/49)
回答No.2

#1の者です。 別のPCでsafariだと動くというのが個人的に気がかりですが、 原因を見極めるために、確実に動くファイルを用意して開いてみてください。  http://park16.wakwak.com/~html-css/css/css_21.html  (単に検索したら出てきたのであって、確実に動くCSSのサンプルなら何でも構いません。   ただし、参考にされた物以外で試される事をお勧めします。) これらのファイルが手元のディスクトップで正常に表示されることを確認したのち、実際にファイルサーバーに保存して(サーバー越しに)開いて見てください。 このサンプルでも正常に表示されないのであれば、サーバーにアップロード(保存)する手順・方法・環境や、ファイルサーバー自体の設定が疑えます。 逆に、サンプルだと正常に表示されるならば、俗に言う「作り方の問題でおきている」という状況です。

参考URL:
http://park16.wakwak.com/~html-css/css/css_21.html
gagaga2010
質問者

お礼

いろいろありがとうございました。 サンプルはレイアウトの崩れなく、きちんと表示されました。 ソースをはじめから、もう一度きちんと見て直してみます。 ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • pc456
  • ベストアンサー率42% (21/49)
回答No.1

「デスクトップにおいてあるほう」と「ファイルサーバーに保存されているほう」を、それぞれ同じPC、同じブラウザで見ているという前提で良いでしょうか。 (そのディスクトップで、ファイルサーバー内のファイルを同じ条件で観覧していることになります。) 自分はXHTML自体はやったことがないのでHTML+CSSでの回答になりますが、 CSSを外部ファイルで定義してる場合、その外部ファイルをアップロード(=サーバーに保存)し忘れていたりしませんか? または、CSSファイルを呼ぶ出す際のパス設定を、相対パスではなく絶対パスで呼び出していませか?

gagaga2010
質問者

補足

ありがとうございます。 言葉が足りなくて申し訳ありません はい、1つのPC上で行っております。 ブラウザはIE8です。 作成しているHPはHTML+CSSで作っています。 フォルダの中にHTMLファイルが数枚、同じフォルダの中にCSSフォルダをつくり、その中にCSSファイルがあります。相対パスで指定しています。 そのフォルダをフォルダごとファイルサーバーにコピーしています。 念のため、firefoxでも確認しましたが、デスクトップ上から表示すると大丈夫ですが、ファイルサーバー上のものを表示すると崩れていました。 別のPCでですが、ファイルサーバー上のファイルをsafariで見てもらったところ、崩れていないとの事でした。 HP作成は基礎レベルしか知識がなく、作り方の問題なのかもしれませんが、 このような現象は作り方の問題でおきるのでしょうか? それともファイルサーバーになにか問題があるのでしょうか? 要領の得ない質問で申し訳ありません。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

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

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

    • ベストアンサー
    • HTML
  • 同じブラウザでレイアウトが崩れるのはなぜですか?

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

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

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

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

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

  • XHTML作成でレイアウトがボロボロです。

    よろしくお願いいたします。 初めてXHTMLで作成しました。完成していつも使用しているIE6で確認したところ大丈夫だったのですが、 Opera Fire fox IE7 macIE6 で確認したところ レイアウトがボロボロにくずれていました、、、、、 具体的には配置していた写真がおおきくずれていました。 しかし、どの部分を修正したらいいのかわかりません。もうすぐ提出しないといけないのでかなりあせっています。 これだけの説明ではわからないかもしれませんが、何かヒントでも ありましたらアドバイスよろしくお願いいたします。 また 上記以外のブラウザーでも確認が必要なブラウザーがありましたら 教えて下さい。 それと、あまりに昔のブラウザーはもう無視すればいいのでしょうか? (ここのokwaveもIE5でみるとトップのレイアウトが崩れているのですが) よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • イラストレーターでレイアウトしたものをHPに

    ホームページ作成に初めて挑戦するものです。 動画やフラッシュなど用いない本当にシンプルなHPを作ろうとしています。 アドビイラストレーター10で作成した下書き(ページレイアウト済み)を使ってどうにかHP作成ソフトへ変換したいのですが、 どのソフト(ホームページビルダーかドリームウエーバーなど) で実現できますか? またイラストレーター内でweb用に保存というのがありますが、 これを使ってできるのでしょうか? ご存知の方がいらっしゃれば、お手数ですがお教えください。

  • CSSレイアウトについて

    XHTML+CSSでレイアウトし、IE6、FireFoxで確認すると、横のずれはないのですが、縦の崩れができてしまします。 具体的にはIEでは正しく表示されているが、FireFoxで見ると、縦方向に余分なスペースができるといった具合です。  きちんとCSSで高さを指定していないことが理由でしょうか?

    • 締切済み
    • CSS
  • HP作成で、XHTML 1.0と、HTML 4.01の、どちらの方が?

    素人質問でごめんなさい。 こちらの教えてgooの質問内容を、いろいろと読んだのですが、 どうしても内容が専門的で難しく、 ドキュメント宣言が、もひとつ理解できません。 恥をしのんで・・・。簡単に言って、 ■今のHP作成業や、WEBデザイナーは、 XHTML 1.0と、HTML 4.01では、どちらで作成される方が多いですか? (主に企業の会社案内系のHPの場合) ■CSSレイアウトと、テーブルレイアウトでは、 XHTML 1.0と、HTML 4.01のどちらが良いかは関係ありますか? ■今現在の、ブラウザはWindowsの、IE6が主流ですよね?(ひょっとしてもうIE7かな?) IE6を対照とした場合は、やはりHTML 4.01で作るのが一番いいのでしょうか? 将来的に考えて、これからは、XHTML 1.0で作った方が良いのでしょうか? よろしくお願いします。

  • CSSでのレイアウトについて

    私は現在サイトを開設しているのですが、一から独学でHTMLを学んで分からない事があれば調べて作成してきました。 使用しているのはHTML、CSS、JavaSceript、SSIです。 見た目は自信あります。ただある程度知識がある方がソースを見たら”全然分かってないだろうな”というのがすぐにバレるぐらい酷いです。 調べて分かった事は積極的に取り入れてきました。 以前はHTMLのみで作成していたんですが、外部ファイルを使いJavaScriptやCSSをまとめています。以前に比べだいぶ簡潔なソースになり、汎用性も上がったと自負しています。 ただレイアウトは依然tableレイアウトです。 その為レイアウトをいじろうと思うと全てのファイルを修正しなければなりません。ファイル数は100を超えてます。 そこで詳しい方にお聞きしたいのですが、 ・tableレイアウトからCSSでのレイアウトに移行するのは難しい事ですか? レイアウトって聞くだけで避けてきたので、いざ移行してみて今まで作成してきたデザインが崩れるのではないかと不安になってきます。 ・下記のサイトのようなレイアウトを最近結構見かけます。 http://www.yamaga-fc.com/ 私もいづれこのようなレイアウトにしたいのですが、これは何というレイアウトでしょうか? 検索してもこのようなレイアウトの作り方が掲載されてるサイトが見つからなくて困ってます。 ヘッダーとフッターが100%。真ん中が80%ぐらいのレイアウト。 ご存知の方いらっしゃいましたらご教示ください。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • 文字コードEUC-JPを指定するとレイアウトが崩れます

    こんにちは。 xhtmlとCSSで制作しているページ(Shift_JIS)があるのですが、EUC-JPにする必要があり、文字コードのみを変更したのですが、CSSがうまく読み込めていないようなレイアウト崩れが起こります。Shift_JISに戻すと大丈夫になります。※Win IE6と7だけでおかしくなり、他のブラウザはありません。 なにかご存知の方、いらっしゃいますか?

    • 締切済み
    • PHP