• 締切済み

ローカル上とネット上で保存したhtmlファイルの表示が違う

Dreamweaver mx2004で 制作を行っております。 主に(x)html + css で制作しております。 htmlファイルで保存を行い、 ローカル上(デスクトップ)で ファイルを開くとおかしな表示に なっていることがあります。 ※おかしな…というのはレイアウトが崩れていたり、  バナーが意図しているところと違う位置に  なったりします。 それらをサーバーにアップロードして インターネット上で見るとただしく表示されています。 特にテーブルを使わないで制作を行った時ほど顕著です。 自分としては 今まで、ローカルとネット上は環境が違うから と、ネットで正しく見えていればOKと考えて いました。 なぜそうなるのか? と言われた時に、うまく伝えることができずに 困っております。 よい説明があればお教えください。 ※もしくは、ローカルとネット上、両方同じように 見えるのが普通だということであれば ご指摘ください。

みんなの回答

  • Nine-nine
  • ベストアンサー率49% (25/51)
回答No.4

それでは、cssファイルが、絶対パスで記述されていませんか? 常時接続でないとか? ローカルではhttp://が開けなく、cssファイルが開けないとか 画像ファイルが開けないとか…… 普通は、ローカルもネット上も同じに見えるはずです。ローカルは正しいのにアップすれば、崩れるという場合は、借りているサーバーが広告を自動で入れているからとか、勝手に書き換えられるので崩れる場合はあります。 しかし、今回のように、ローカルが変で、ネット上はOKというのはあまり考えられません。無理やり思いついたのが、上のようなことです。 ブラウザ間で違う事もよくありますが、今回は当てはまらないですね。

  • Nine-nine
  • ベストアンサー率49% (25/51)
回答No.3

ローカル上で見ているソフトと、ネット上でみているソフトは同じ物ですか? 例:ローカルはDreamweaver mx2004。ネット上はIEってことはないですか?

etu007
質問者

補足

例えば、ローカルでhtmlファイルをひらくと 思いっきり左によってたり、 画像表示されるべきものがされていなかったり。 でもネットにあげると、指示通り表示されます。 ローカルでhtmlファイルひらくときは、 自動的にIEでひらきます。だからネット上と 同じだと思いますが…。

  • master000
  • ベストアンサー率33% (16/48)
回答No.2

2段組とかのレイアウトが崩れるということでしたら 幅の計算ができていないということではないでしょうか。 具体的な症状を書いてくれないとこれ以上はわかりません(ーー;) あと、MX2004だと逆のケースも存在します。 clearfixを入れるとブラウザは平気だけど、Dreamweaver上ではぐちゃっとなってしまいます。

etu007
質問者

補足

例えば、ローカルでhtmlファイルをひらくと 思いっきり左によってたり、 画像表示されるべきものがされていなかったり。 でもネットにあげると、指示通り表示されます。 ローカルでhtmlファイルひらくときは、 自動的にIEでひらきます。だからネット上と 同じだと思いますが…。

  • tuxhiro
  • ベストアンサー率60% (20/33)
回答No.1

スタイルシートが反映されてないようなレイアウトの崩れ方でしょうか? 経験上考えられるのは たとえばスタイルシート(CSS)の記述 <link rel="stylesheet" type="text/css" href="./style.css"/> この部分の最後の部分 ./style.css というスタイルシートファイルへのパスが変わってしまっているからではないでしょうか? そのためスタイルシートを読み込んでいないという感じがします。 ソフトウエアによっては C:\Documents and Settings\~~~ になっていたり ./style.css (相対パス)や http://●●●.com/style.css(絶対パス)になってたりします ローカル上、ネット上、それぞれのhtmlソースを見比べてみてはいかがでしょうか? またファイルの指定先がそれぞれの環境に適合しているか 確認してみてください

etu007
質問者

補足

残念ながら、パス違いはなさそうです。

関連するQ&A

  • ローカルで表示されない(バカな質問かも…)

    笑われるかもしれませんが、どうしてもわからないので質問します。 サイトのバナーをリンク先様が変更されました。 それで、自分のHDDにバナーを保存しました。 最初のバナーも、変更したバナーも、ファイル名が同じでしたので「置き換えますか?」>「はい」で保存。 アップロード。 ネット上では、バナーはきちんと新しいものに変わっていました。 ところがローカルで見ると×印なんです。 ローカルで見えてネット上では×印というのはよく聞きますが、ネット上では見えるのにローカルで表示されないのはあまり例がないように思います。 実状的には問題ないのですが、どうしてもわからないので後学のためにどうしてこうなったのか教えてもらいたいです。

    • ベストアンサー
    • HTML
  • Dreamweaverでローカルファイルに保存時

    Dreamweaverでローカルファイルに保存時 Dreamweaverでローカルファイルに保存する時、index.をトップページにしますが、サブページを保存するときも、頭文字を小文字にしなければいけないのでしょうか? 整理しやすく頭文字は、大文字で管理したいのですが、どうでしょうか? よろしくお願いします。

  • ローカルに保存された ASP を IE で開くとソースのみが表示される

    タイトルの通りで、html として表示されません。サーバーにアップロードする前にレイアウトの確認を行ったりしたいものなので、ローカルに保存している状態でも ASP ページを html 同様に表示してほしいのですが、どうすればよいでしょうか。

  • CSSでテーブルのように画像を均等表示させるには?

    お世話になります。CSS初心者です。 もしかしたらweb制作者様にとっては簡単なことかもしれませんが、いろいろ調べてもよく理解できなかったので、どうか教えてください。 添付画像のようなレイアウトでサイト制作しています。 このように#rightbox内に10の画像を均等に表示させたいと思っています。 かつてテーブルタグといったものが使われていましたが、現在テーブルは推奨できないということで、外部CSSファイルでレイアウト表示させたいと考えています。 このようなレイアウトで表示させる場合、どのようなCSSの記述が好ましいでしょうか。 参考書などで調べたところ<ul>と<li>要素を使用するのが一般的だということでしたが、正直よく分かりませんでした。どうかご教授お願いします。 ちなみにこの画像のリストはクリックするとThickboxで大きな画像が表示されるようにしたいです。

    • ベストアンサー
    • HTML
  • Dreamweaverでつくったファイルがsafariでうまく表示できません

    こんにちは。Dreamweaverを独学(独習本の2冊目をこなしているところです)しているものです。初心者の質問となり恐縮なのですが、アドバイスをいただけるとありがたいと思い書かせていただきます。 MacOS10.4.11でDreamweaver8を使ってサイトをつくる練習をしています。これまで使った本は、「ゼロからのステップアップ!Dreamweaver8&Fireworks」と「できるクリエイターDreamweaver独習ナビ」で本にあるとおりのサイトをつくってみました。 ところが、そこでつくったサイトをSafari3.0.4で表示すると、おもいきりレイアウトが崩れてしまいます。どちらの本でつくった場合もそうでした。しかしながら、Dreamweaverのソフト上では問題なく表示されます。FireFox2.0.0.13で表示しても問題ありません。 なぜ、Safariだと上手く表示できないのでしょうか。 ちなみに、「できるクリエイターDreamweaver独習ナビ」では、添付されていたCDに入っていた途中経過の見本サイトのhtmlファイルとCSSファイルのコードなどを比べてチェックしてみたのですが(見本サイトはSafariでもFirefoxでも問題なく表示される)、とくに見落としもなく、試しに見本サイトのCSSとhtmlのデータを自分でつくっているファイルにコピペしてみたりもしたのですが、レイアウトの崩れは改善されません。 まったくもって行き詰まっております。ググってみたりもしましたが、同じ症例の方は見つかりませんでした。 どなたかご教示いただけませんでしょうか。よろしくお願いいたします。

  • DreamweaverでCSSの使い方が解説してあるサイト

    題名の通りです。 DreamweaverでCSS(スタイルシート)の使い方が解説してあるサイトがありましたら教えてください。当方いまだにテーブルレイアウトで作っています。 Ver.は2004MXです。

  • dreamweaverで作ったHPがIE表示だと崩れます

    お世話になります。 dreamweaverでホームページを作っています。 環境はMac OS10.4、dreamweaver MX2004、 確認をsafari、firefoxで行っていました。 MacにはIEが入っていません。 アップしたHPを見ると、safari、firefoxでキチンと表示されていた CSSが、IEでは思いっきり崩れてしまいました。 原因も良く分からなくって、困っています。 例えば、583ピクセル幅の文字アンダーラインが、800ピクセルの テーブル枠を大幅に超えてしまう。 オレンジの太字設定の文字が赤字で水色の破線アンダーラインが 入ってしまう。 などなど。IEはまだまだユーザーが多いようですし、 何とか直したいのですが…。 原因はCSSの何がいけなかったのでしょうか? ※Dreamweaverにてレイアウトを組んでいます。 そのためコードはまったく理解していません。 コード表示されてもチンプンカンプンのため、 DW上での操作方法を教えて頂けると助かります。 アドバイスよろしくお願いします。

  • Dreamweaver MX 2004(解像度違いのディスプレイで表示位置をセンターにするには?)

    初心者です。 Dreamweaver MX 2004でホームページの制作にTryしてます。 どうしても、わからない事がありまして、ご質問させてください。 CSSだと問題ないのですが、その他、 テーブルやレイヤーで作成した画面だと、 表示サイズ(解像度)が違うディスプレイで表示させた場合、 位置がどうしても、左に固定(寄って)しまいます。 これを、どうしたらセンターに移動するようになるのでしょう? スペーサーを自動伸縮にしても、うまくいきません。 CSSのようにバランスよく移動するにはどうしたら良いでしょうか?

  • CSSレイアウトってなぜこんなに難しいのか?

    個人事業で、WEBデザインの仕事をしています。 恥ずかしいですが、ずーっと、テーブルレイアウトでのみHP作成してきました。 文字を整えたり、種類をまとめたりだけ、CSSを使ってました。 先日初めて、クライアントから「そろそろテーブルレイアウトはやめてくれ」と、 ダメだしを食らいました。 独学でDreamweaver MX 2004を一から学んで、仕事やって来ましたが、 ちょっと恥ずかしい質問ですが、 CSSレイアウトってなぜ、こんなに難しいのでしょうか?? みなさん、テーブルレイアウトと比べて異常に難しく感じませんか? 今の調子ではHP作成の仕事が請けられなくなっています。(涙) 例えば、テーブルレイアウトって、自由にドキュメントで確認しながらデザインできますよね。 でも、CSSレイアウトって、コードで全部書き出しますので、 ちょっとサイズや項目や要素を変更するだけでも、どのdiv?、どのクラス?のタグにそれを指定したかとか、 複雑になり解らなくなってしまい、ちょっと変更するだけでも凄い時間がかかってしまいます。 ■もしかして私、CSSレイアウトの学び方、作り方を間違ってるのでしょうか? ■今まで2~3冊位、Dreamweaverの本で、CSSレイアウトを勉強してますが、  いっこうに進歩しません。(ここに本の題名書き出すとマズイですよね?) ★CSSレイアウトが解り易く学べる、勉強本を教えて頂けますでしょうか。 ■もしかして、DreamweaverでCSSレイアウトをするから難しいのでしょうか?  HPビルダーとかなら、もっと簡単に出来るのでしょうか? ■今、私ができるCSSレイアウトの限界は、一番大まかな囲いの、 #header #side #main #footerを、#contentの中に入れて、 その中の各々の要素は、今までとおり、テーブルでレイアウトする。 (メニューや、商品スペック、写真並べなども、テーブルで。) それが精一杯ですが、これで通用するのでしょうか? HPデザイナーとして、恥ずかしい質問ですが、 ご教授どうぞ宜しくお願い致します。

  • DreamweaverのCSSで

    Dreamweaverを利用して、サイトを作っております。現在大きなサイトの一部分を任せられており、すでにできあがっているテンプレートにデータの流し込み作業をしています。 このサイト全体がバリバリにCSSで設計されていて、未だにテーブルレイアウトをしている私には分からないことが山盛り。とりあえず預かってきたファイルを開いてみたところ、デザイン画面が真っ黒なのです。所々見えるところもあるのですが、CSSで「画像+文字」ではき出す設定になっている部分が真っ黒になってしまっているのです。 DreamweaverでCSSを扱う際、なにか特別な環境設定が必要なのでしょうか?おそらくじっくりと調べれば、何らかの解決方法があるのでしょうが、締切が迫っている仕事なため、とても焦っております。 当方、MacでDreamweaverはSTUDO MXを使っています。 是非アドバイスをお願いします。

専門家に質問してみよう