- 締切済み
Dreamweaverのテンプレートから作成でブラウザでは大丈夫なのにデザインビューでレイアウトが崩れてしまいます（’’；）
Ｄｒｅａｍｗｅａｖｅｒ8でＨＰをつくりはじめておりまして、 まずテンプレートをつくってそこからすべてのページをつくっていこうと思っています。 そこでテンプレートを作り編集可能領域を設定したので、 テンプレートから新しいページを作成したのですが、 保存した途端レイアウトが縦に並んでしまい、崩れてしまいます。 しかしブラウザでプレビューしてみても全く崩れていなく大丈夫です。 テンプレートはＣＳＳを使っておりますので、 ＣＳＳがテンプレートにあるとレイアウトが崩れてしまうのでしょうか？ どなたか同じような現象にあわれた方よろしくお願いいたしますm(_ _)m
- torananoda
- お礼率48% (410/838)
- HTML
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- hana999999
- ベストアンサー率28% (28/99)
実際にブラウザで見たものと、DWのデザインビューでは誤差が生じます。 ですが、往々にしてDWでずれていると、ブラウザでもずれていることが多いです（DW8ではそのあたりの誤差少し改善されているので）。 ご覧になっているブラウザは何でしょうか？ IEでずれていなくても、Firefoxでずれているということもあるので、違うブラウザで見てみてずれていたら、CSSの記述を修正する必要があります。
- cv57Lnxd
- ベストアンサー率27% (3/11)
Dreamweaver上のデザインビューや分割画面（デザインとコード）で見るとレイアウトが崩れてしまい、ブラウザで見ると問題ない、ということでよろしいでしょうか。 私もDreamweaverを使ってみたことがありますが、同じことが起こりましたよ。ブラウザで問題なければ良いのではないでしょうか。少し制作し辛いですけどね＾＾；
お礼
やはりそうなのですね、 ＣＳＳを使ってテンプレートを作るとレイアウトが崩れるというのはとってもやりにくいですよね。 バグですね。 貴重なご意見ありがとうございます。
関連するQ&A
- （HP作成）テンプレートを変更すると起きること
HPをDreamweaverで作成しています。 詳しい方、わからないところがあって困っています。教えてください。 まず、HPの元のデザインとなるテンプレートを作りました。 そのテンプレートには、左側のテーブルにメニュー（Flashで作成したもの）を配置し、 右側のテーブルを編集可能領域としました。 このテンプレートを使ってHPのページすべてを作っています。 先ほど、修正の必要に気づき、テンプレートに一旦戻ってメニューの位置を テーブルの中央→上付きになるように修正しました。 そしてこれを保存するときに「このテンプレートを使用しているページ全てに反映させるか」 みたいな質問が出て、「させる」を選んだのですが、その後に各々のページに戻って ブラウザでプレビューしてみると、このメニューがページから消えてしまうのです。 DWの編集上には、修正したものが反映されているのに、 プレビューするとこのflash作成メニューのみが消えてしまう（出てこない）のです。 これはなぜなのでしょうか？ ちょっと言葉の説明だけではわかりにくいかもしれませんが、 考えられる理由があれば教えてください。 わからなければ全部作り直しになってしまいます。 必要なことがあれば補足もしますので、よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- dreamweaverでテンプレートを作りたいのですが、
dreamweaverでテンプレートを作りたいのですが、 サイト内はヘッダ(ナビバー)とフッタのみ統一で背景画像やコンテンツのレイアウトも各ページまちまちにするように言われました。。 背景画像はcssでbodyに指定していますが、bodyの中のコンテンツ部分を選択して編集可能領域にすると、コンテンツ以外のbodyの背景も編集できない部分になり、ページ共通になってしまいます。 bodyの背景とコンテンツを編集可能領域にしたいのですが、どうしたらいいかわかりません。 それとも、テンプレートは使わず、ヘッダを更新する場合、置き換え機能でも、サイト内のすべてのページに反映させることが出来るのでしょうか ？？？ 初心者ですみませんが、どなたかお願いします。
- ベストアンサー
- HTML
- DREAMWEAVERのテンプレート機能
DREAMWEAVERを使ってサイトを作成しています。 今までテンプレート機能は使っていなかったのですが、ページ数が多くなった事もあって、テンプレート機能を使って作成をはじめてみました。 テンプレートファイル（.dwt）を作って、プレビューで見た所、ちゃんと表示されました。 「テンプレートから新規作成」でページを作り、プレビュー画面で確認したところ、Firefoxではちゃんと表示されますが、IEだと崩れた表示になります。 サイトはCSSで段組してあり、CSSの方も詳しくはないので、CSSのコードがおかしいという事も考えられるのですが・・・汗 ただ、まったく同じコードで書かれているページで「テンプレートから作成」「テンプレートを使わず作成」ではテンプレート作成表示のみ崩れます。 両方のページのコードを確認したところ、テンプレートから作成したページには自動的で<!-- #BeginTemplate "/Templates/testo.dwt" --> が挿入されているのと、されていないとう違いのみです。 試しに、テンプレートから作成したページの<!-- #BeginTemplate "/Templates/testo.dwt" -->コードを消して見てみたところ、表示は崩れませんでした。 使っているDREAMWEAVERは「DREAMWEAVER4.0J」かなり古いものを使っているのですが・・・汗 これが原因（バグ）なんでしょか？ 同じような症状がでた方がいたら教えて頂ければ幸いです。 どうぞ宜しくお願いします。
- 締切済み
- CSS
- Dreamweaverでテンプレートが作れません
Dreamweaverでトップページを作り、ほかのページも作るためにテンプレートを作ろうと、テンプレートで保存しようとしたら、「There is an error at line 32, column 157(absolute position 1442)of "～":ネストされた編集可能領域」とエラーメッセージが出ました。 このあと「OK」ボタンをおしてすすめて保存できても、テンプレートのデータとして使えない状態になります。 どうすればテンプレートのデータとして使えるようになるのか教えてください。回答をお待ちしてます。 バージョンはCC2014です。
- ベストアンサー
- CSS
- Dreamweaverのテンプレートを切り替え
Dreamweaverには、テンプレートという便利な機能があります。 そのテンプレートですが、例えばtemplate01というテンプレートを適用させている全てのページを、template02に変更させる、という事は可能なのでしょうか？ ちなみに、編集可能領域などの名前は統一しているという前提となります。 テンプレートそのものを編集するのが通常の使い方なのでしょうが、テンプレートを以前の物に戻したくなったときなどがあった場合、そういう使い方が出来ればと思ったので質問させていただきました。 バージョンはDreamweaver8となります。 もし、方法などがあるのでしたら、よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- ＤｒｅａｍＷｅａｖｅｒ テンプレート
お世話になっています。 なんだか質問自体に自身がないのですが、 DreamWeaverで、トップページの形式をそのままに ページを増やしたいのですが、テンプレート機能・・？ を、使いますよね。 この場合、トップページを開いて ファイル→テンプレートとして保存 で、新しくできたページで編集可能領域を設定すると思うのですが、 ＜ここにオプション領域を挿入することはできません＞ と、言われてしまいます。 そもそもカーソルが駐車禁止みたいなマークになっていて、 テキスト部分を選ぶことができません・・。 なにか大きな勘違いをしている気がします・・。 すみませんがよろしくお願いします・・。
- 締切済み
- CSS
- Dreamweaverのテンプレート機能について
こんにちは、Santaと申します。 Dreamweaver CS5 を使用しております。 テンプレート機能について、お尋ね致します。 テンプレート機能を使用しておりますと、おかしくなりませんか？ 例えば、「サイトの定義」をして、1ページ作成して「テンプレートとして保存」common.dwtとします。 common.dwtより、sample1.html,sample2.html,,,,,sample10.htmlと作っていきます。 これで10ページ分の雛形が制作出来ます。 「編集可能領域の作成」Aをします。 一部分だけ編集可能領域Aを作成しますと、残りソースの部分は編集できないように、グレー色になります。 問題はここからです。 この後に、編集可能領域に設定していない部分（グレー色になっている部分）を再度変したいと考え「編集可能領域を作成」Bをcommon.dwtに挿入します。 10ページの同じ部分に一度に、編集部分Ｂが挿入されます。 このように、少しずつ「編集可能領域」を広げていきますと、だんだんと適用されずに「停止」ボタンを押さなければ更新自体が止まらなくなり、結局適用されないことがあります。 また、「サイトの定義」を改めしてやり直したりしますと、common.dwtで編集を加えても、変更されないページが出てきたり、はたまた変更されたりするページもあったりと、なってしまいます。 みなさんはそのようなことはございませんでしょうか？ また、その場合はどのようにして回避しているのでしょうか？ common.dwtからテンプレートとして作成したページのグレー色の部分を削除するときも、 common.dwtから「編集可能領域」を削除しても、common.dwtから作成したページには反映されないということが起こってきます。 皆様は、どのように使われていらっしゃいますか？
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaver8のデザインビュー
全くのウェブ初心者なのですが、最近、ホームページ作りを始めました。CSSと、フロートやリキッドといった設定を使い、３段組みのページを作りました。 はじめ手打ちで作成していて、途中からDreamweaver8で作成しようとしたのですが、ブラウザ（IE6.0）ではうまく表示されるものの、Dreamweaver8では、かなり表示が乱れます。 Dreamweaver8のデザインビュー表示とはそんなものなのでしょうか。それとも、Dreamweaverの設定やわたしのホームページの書き方などに問題があるのでしょうか。うまくDreamweaverのデザインビューを使いこなすコツのようなものはありますでしょうか。
- ベストアンサー
- ホームページ作成ソフト
- Dreamweaver テンプレートで・・・
Dreamweaver8のテンプレート機能で質問です。 ページを作成しそれをテンプレートとして保存します。 その後、そのテンプレートを使ってページを作るときに、各ページそれぞれの高さを変更できるようにするにはどうしたらいいのでしょうか？
- 締切済み
- ホームページ作成ソフト
- Dreamweaver MX テンプレートについて
Dreamweaver MXでテンプレートを作成しようとしています。 やり方だいたいわかったのですが。。 サイトのメニュー部分＋ヘッダーメニュー部分をテンプレートしているのですが、TOPページに戻るリンクに「../」と記載しています。 これはこのテンプレートをもとに作られるファイルがルートフォルダの１階層下におくからです。この部分は編集不可能の領域です。 他の部分に編集可能領域を設定し、テンプレートとして保存→新しく作るページを新規作成し、アセットパネルからテンプレートをドラッグします。 ここでテンプレートをもとにした新しいページを作成することが可能なのですが、困ったことに、さきほどのTOPページへのリンクの部分が 「file:///D|/ルートフォルダ名」に変わっているのです。 その他画像の参照先などがすべて同様に絶体参照のようにかきかわっているんです。これはなぜでしょうか？？ このままサーバーにアップしても、参照先がローカルなんで動きません。 教えてください。よろしくお願いします
- ベストアンサー
- CSS
お礼
ブラウザはＩＥとFirefoxでチェック済みです。