• 締切済み

Dreamweaverでブラウザ表示が崩れます

ウェブサイト制作に、Dreamweaver CS6を使用しています。作業中、ブラウザで表示すると、レイアウトした画像や文章などが全て左に寄ってしまう(ヘッダーやフッター、サイドメニューなどどのページにも共通な部分以外)、という問題にぶつかっています。 素人で、調べながら作業していまして、作業中に手違いをしてしまったものと思われます。 解決方法を御存じの方がいらっしゃいましたら、ご教示お願い致します。

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

みんなの回答

回答No.1

Dreamweaverを実務で使ったことがあります。 おそらく、何か誤ったボタン操作をしてしまい、左寄せ状態になったのではないでしょうか。 表示モードをデザインからソース表示に変えて 「left」で検索いただければ、邪魔をしているスタイルコードが見つかるかもしれません。 (共通部分は正常に表示されているとのことですの、メイン部分が怪しいですね) そのほか、正常なレイアウトで表示できていた際のHTMLをお持ちであれば、そちらとコードを比較してみるのも、1つの解決方法です。 Dreamweaver、使い勝手が良いソフトですが、慣れるまでは大変ですよね。 無事解決することを祈ります。

関連するQ&A

  • dreamweaver cs3 でのホームページ作成について

     お世話になります。 以前HPBで全てテーブルレイアウトで添付画像のようなHPを作成致しました。 サイトのページ数が約15枚ほどで、画像の「1,ヘッダー」 「3,左メニュー」「4,フッター」は全てIフレームにして別のHTMLを表示させるようにしています。 「1,ヘッダー」「3,左メニュー」「4,フッター」は全てのページで共通 で表示され「3,コンテンツ」のみ内容が切り替わるようにしています。  この度ページを更新しようと思ったのですが、段々と左メニューやコンテンツ、フッター等内容が多くなってきてしまい、なおかつテーブルの入れ子に次ぐ入れ子という感じでレイアウトしていたために、どれがどのテーブルかわからず、レイアウトを調整しようと色々といじっていたらレイアウトがぐちゃぐちゃになってしまいました。 そこでこの際勉強も兼ねて一からサイトを作り変えようと思っております。ソフトはdreamweaver cs3でやってみようかと思っています。 cssを使って何とか添付画像のようなレイアウトは作れたのですが、 ヘッダー内や左メニュー内にも細かな段組みレイアウトが作れません。 通常細かな段組み(ヘッダー部分のメニューや左メニューのレイアウト)についてはやはりテーブルでのレイアウトが正しいのでしょうか? まだdreamweaver cs3も使い始めて間もないもので細かなレイアウトの方法などが理解できていません。今後のサイト更新のためにも分かりやすい形で作りたいのですが・・・。 どなたかレイアウトについての参考URLや方法などご存知の方がいらっしゃいましたらご教授下さいませ。 よろしくお願い申し上げます。

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

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

  • 楽天市場のデザインのコーディングについて

    今度、楽天市場に出展するのですがコーディングについて教えて下さい。 まずfireworksでデザインした物をDreamweaverでコーディングした後、楽天の説明文にソースをコピー&ペーストをしたのですが・・・うまくいきません。 具体的にはヘッダー→コンテンツ(左にサイドメニュー・右にコンテンツ)→フッターというデザインでどのページに行ってもヘッダー・サイドメニュー・フッターは共通で表示される様にしたいのですが、商品の詳細画面になるとメニューの下に商品情報が出てきてしまいます。 何か良い方法があれば教えていただけますでしょうか? 宜しくお願いいたします。

  • Dreamweaverで制作について

    Dreamweaverで制作について サイトを作っていて、コンテンツの中に、ほかのサイトを丸々リンクさせる方法を知りたいのです。 ヘッダー コンテンツ フッター 上記のように、サイトを作っていって、ほかに立ちあがっているサイトをヘッダー以下のコンテンツに入れる方法です よろしくお願いします。

  • Dreamweaver で制作したページのプリントができない

    教えてください。 Mac Adobe Dreamweaver CS3で、制作したページが、うまく印刷ができません。原因はなんでしょう? Dreamweaverで、表組のページを制作し、アップしました。 画面上は、問題なく再現されているのですが、プリントするとレイアウトが崩れた状態になってしまいます。なぜなんでしょうか? 私のレベルは、ほとんど素人です。アドバイスをお願いします。

  • Adobe Dreamweaver購入検討中ですがこんなことできますか?

    Adobe Dreamweaverを使っておられる方にお聞きします。 これまでMovable Typeを使ってWeb制作をしていたのですが、より自由度の高いサイトを作る為にAdobe Dreamweaverの購入を検討しようと思っています。 1.100ページのウェブサイトを制作していたとして、フッターのCopyright部分のみを、例えば(C)2009から(C)2010に書きかえる時、Movable Typeのテンプレートのように、1箇所のみを書きかえるだけで100ページ分すべてのHTMLを書きかえるというような機能はDreamweaverに搭載されているのでしょうか? 2.現在Dreamweaver CS4が発売中のようですが、新バージョンの登場はいつ頃になるかわかるでしょうか? もうすぐCS5が出るようであれば新しいバージョンが出るまで待とうと思うので。 3.1の質問で述べたようなことができるソフトが他にあれば、有償無償問わず教えていただきたく思います。 公式サイトを見ても新機能の紹介のみでDreamweaverの基本的な機能がわかりません。 これまでフリーのHTMLエディタとMovable Typeしか使ったことがないので、私のような者がDreamweaverを使うことでどのように作業を効率化できるかなどを教えていただけると助かります。

    • ベストアンサー
    • HTML
  • フッターがウインドウの一番下にいきません。

    Dreamweaver CC2014を使ってWebサイトを作っています。 レイアウトを決めるために画像を作り、これを基に、フッターを常にウインドウの一番下にきてほしいのですが、ヘッダーの下にきてコンテンツの上に浮いてしまったり、もしくはサイドメニューの下に沿って表示してしまったりと、どうしても思うようにレイアウトできません。 どのようにHTMLとCSSの設定をすれば、この画像のようにレイアウトできるのでしょうか?

    • ベストアンサー
    • CSS
  • Dreamweaver MX でリストを作成すると左に余白がでてしまう。

    DreamWeaver MX でCSSで画面左の位置にサイドメニューを作っています。 メニューは縦並びです。 メニューの項目を<ul><li>○○○</li></ul>のような形で記述し、CSSでulとliの左マージン・左パディングをそれぞれ0pxに指定しています。 ブラウザではメニュー項目の左に余白もなく問題なく表示されているのですが、DreamWeaver上の編集画面ではメニューの項目の左に余白がでてしまい、その分右にずれてレイアウトが崩れてしまいます。 編集画面でも左に余白がでないようにするには どうすれば良いでしょうか? お手数ですがご解答頂けますと幸いです。

  • dreamweaverのデザインビュー

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

    • ベストアンサー
    • HTML
  • 静的サイトをコーディングする際

    はじめまして。乱文でもうしわけありません。 私は普段デザイナーとしてWebの制作者として働いているのですが、小規模の場合はコーディングも担当します。 最近Movable Typeを使用してコーディングしたのですが、今回の案件は静的にコーディングします。 そこで立ち止まってしまいました・・・ たとえばMTだとヘッダーやサイドメニューなどモジュール化して管理出来ますが、静的の場合どうしてたかなぁ、、と。 皆さんはお仕事などで静的にコーディングされている場合、ページの共通部分(ヘッダーやフッターなど)はどうされてるのでしょうか。 PHPなどのフレームワークなど使われてるのでしょうか。 実際に仕事で使われている制作方法などありましたらお教え下さい。 ※ここでいう「静的」は、MTなどを使わないということですのであまり気にしないでください。。 ※ちなみにDreamweaverのライブラリ機能はDreamweaverありきなので今回は選択肢に入れないこととします。すいません。。

    • ベストアンサー
    • HTML