• ベストアンサー

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

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

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

  • ベストアンサー
  • flyingbee
  • ベストアンサー率26% (49/182)
回答No.1

インターネットゾーンとローカルゾーンの違いですかね? 以前の問題はこちらが原因でした。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 参考にならないかもしれませんが取り敢えず。

ikurataraco
質問者

お礼

そうです!ローカルゾーンでのみ表示が崩れるんです。背景に指定した画像も表示されないし、ソースみて編集しなければなりません。。。 教えてくださったスクリプトはHEADに入っているのでしょうか?試してみます。 ご回答ありがとうございます。

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

関連するQ&A

  • CSSによるレイアウトブロック(Dreamweaver)

    Dreamweaver8を使用しています。 参考書にそって、CSSによるレイアウトブロックで、 ページ全体のCSSを作成しました。(body) 次にコンテンツ全てを選択し、全体のCSSを作成しました。(div) ブラウザで表示させると、ページ全体が左に偏ってしまいます。 これを中央にするのにはどうすればよいでしょうか? よろしくお願いします。

  • Dreamweaver8でCSSをつかったときのズレについて

    Dreamweaver8をつかっていて、 CSSでレイアウトをし、コンテンツの中にもdivやspanを頻繁につかっているのですが、Dreamweaver8内のデザインビューだとデザインがずれてしまっているのに、プレビューすると全くずれていません。 タグ上でやることが多いので、おそらく間違っていないとは思うのですが、ソフト上のデザインビューで見たときも、ブラウザでみたときのように正常にする方法はないのでしょうか?

    • ベストアンサー
    • HTML
  • Dreamweaverのデザインビューが乱雑

    普段タグ入力でWebページを作っているのですが、 Dreamweaver CS4で読み込んだところ、デザインビュー画面のレイアウトがぐちゃぐちゃになっています。 ライブビューや、実際のブラウザで見るときれいに表示されますが、これは私の作り方が間違っているんでしょうか? 普段Dreamweaverを使っている方は、どのような使い方をされているかも知りたいです。

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

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

    • ベストアンサー
    • HTML
  • PhotoShop CS3でスライスツールを使用するとテーブルレイアウトになってしまう

     PhotoShop CS3とDreamweaver CS3でwebデザインの勉強をしています。PhotoShop CS3でスライスツールを使用し、ボタンや背景を切り分けてリンクを設定してweb用に保存します。保存でできたhtmlファイルを開くとテーブルレイアウトになっているのですが、これをcssレイアウトにするにはどうしたらいいのでしょうか?  スライスツールで切り分けたのをDreamweaverで組み立てるのでしょうか?アドバイス宜しくお願いします。

  • dreamweaverで文字コード変換したらレイアウト崩れ。。

    dreamweaver cs3でエンコードutf-8のページを作りました。 わけあって、途中でファイルをShift_JISに変換し、外部ファイルCSSもあわせてShift_JISに変換。 その後、タグなど部分修正していたらレイアウトが崩れてしまったので、色々いじりながらまたもや文字コードを元のutf-8に変換したところ、レイアウトが直りました。 ほっと一安心して、タグなど修正してしばらくすると、またレイアウトが崩れてしまいました。。。 エンコードを変換したにも関わらず、外部CSSファイルの文字コードはutf-8なのにHTMLファイルの方は「Shift_JISで書かれているようです。」というエラーが出ます。 HTMLファイルのコードも修正してるので、そんなはずはないのですが、一度Shift_JISに変換した際にShift_JISの書き方に自動整形されてしまったということなのでしょうか? ど素人なので何が何だかさっぱりわからないので、わかりやすく教えてくださる方、よろしくお願いいたします。 あと、左にメニューがあるレイアウトで、右側のメインコンテンツが右側に来ないで左サイドメニューの下に表示されるのは何故でしょうか? dreamweaverでは普通に見えてますが、ブラウザで見ると右側に来るべきコンテンツが左サイドの下にきてしまいます。。。

  • dreamweaverのデザインビュー

    dreamweaverを使用している方に質問ですが dreamweaver cs3で制作しているデータを dreamweaver 8で開くと せっかくキレイにつくったレイアウトが崩れてしまいます。 これはもともと私がつくったcssに問題があるのでしょうか? それともバージョンの違いがそうさせるのでしょうか? 今後cs3と8を行き来する事が多くなるのですがhtml的に問題ないのでしょうか 宜しくお願いします。

    • ベストアンサー
    • HTML
  • Dreamweaver レイアウトラインについて

    いつもお世話になります。 丸尾です ご質問ですが、Dreamweaver MXでレイアウトを切り その横に縦の仕切りラインを入れたいと思いまして (見た目をフレームばりしたいと考え) レイアウトのソースの一部に <td width="1" rowspan="12" valign="top" bgcolor="#599E3D"><img src="layout/img src="img/spacer.gif" width="1" height="1"></td> と入れ込んでみました。おおよそのレイアウト縦1200ピクセル 横200ピクセルです。 予定ではきっちり縦に分かれるレイアウトでしたが.... Dreamweaver作業上ではきっちりラインが入っています。 ブラウザーで確認してみますと80%の縦の長さしか 表示されません。rowspanをさわったり、縦のサイズ変更 ピクセルでしたり、パーセントで繰り返し訂正するのですが、作業上は良い感じなんですが、確認すると下までの長さが足りません、どう対処した良いでしょうか 多分、ソースを入れ込んだ場所も間違っていないと思うのですが? ご教示ください 前後のソースの表示もこの場では不適切と思い 簡単にしか記述していません かえってご理解できかねると思いますが 如何説明したらよいやら.......... ご教授くださいませ。 丸尾

  • Dreamweaver 8でのプレビューのときに。

    Dreamweaver 8でのプレビューのときに。 Dreamweaver 8でcssを使いwebページをでレイアウトするのですが、 プレビューのときに、Dreamweaver 8での画面表示とは違う表示になってしまいます。 原因が分からないので、教えてください。

  • Dreamweaverのテンプレートから作成でブラウザでは大丈夫なのにデザインビューでレイアウトが崩れてしまいます(’’;)

    Dreamweaver8でHPをつくりはじめておりまして、 まずテンプレートをつくってそこからすべてのページをつくっていこうと思っています。 そこでテンプレートを作り編集可能領域を設定したので、 テンプレートから新しいページを作成したのですが、 保存した途端レイアウトが縦に並んでしまい、崩れてしまいます。 しかしブラウザでプレビューしてみても全く崩れていなく大丈夫です。 テンプレートはCSSを使っておりますので、 CSSがテンプレートにあるとレイアウトが崩れてしまうのでしょうか? どなたか同じような現象にあわれた方よろしくお願いいたしますm(_ _)m

専門家に質問してみよう