• ベストアンサー

作成画面とプレビュー画面のずれはどうなってるの?

HPを作成中どんなふうに表示されるのかとプレビュー画面を見ると、表示位置とか改行にずれがあります また、ブラウザーでの表示はまた微妙に違います どれを見て修正すれば良いのでしょうか?

noname#22291
noname#22291
  • HTML
  • 回答数2
  • ありがとう数2

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

  • ベストアンサー
noname#199778
noname#199778
回答No.1

どのHTMLエディタソフトを使うにしても、そこで作られたHTMLファイルをネット上に公開すれば、他の人はブラウザで見ます。 ですので、他の人に見てもらうということを重視するのであれば、エディタソフトのプレビューではなく、ブラウザでの表示を重視した方が良いです。 ブラウザで表示確認して、ブラウザで狙い通りに表示されるように修正することをお勧めします。 なお、ブラウザと言っても複数の種類がありますので、余裕があれば、自分がいつも使っているブラウザだけでなく、他のブラウザも導入してそれぞれのブラウザでの表示を確認しておくとより良いと思います。 参考になれば幸いです。

noname#22291
質問者

お礼

ありがとうございました いろいろ比較しながらやってみます

その他の回答 (1)

  • mat-21
  • ベストアンサー率56% (91/162)
回答No.2

スタイルシートを使用すれば、それなりにズレはなくなると思いますが、どれも正しいので、メジャーな各ブラウザ(IE.NNなど)での表示が同じようになるように頑張りましょう。詳しくは述べませんが、スタイルシートでブロック毎のWIDTH・MARGINなどpx指定で指定すれば、ズレはなくなると思います。

noname#22291
質問者

お礼

ありがとうございました とにかく、いろいろやってみます

関連するQ&A

  • ホームページビルダー プレビューでのずれ??

    ホームページビルダー10の標準モードでHPを作成しています。 素人なので大変苦労しています。 表を作成して属性の変更でセルの大きさをきめて、セルのなかに ウエブアートデザイナーで作成した物や文字を入れているのですが 全てではないのですがプレビューを見るといくつか編集 画面の位置よりズレがある文字や作成した図があります。 (編集画面とプレビュー画面で作成した図や文字の位置にズレが生じている。。。) 色々と試行錯誤しているのですが、どうしてもズレが直りません 何か原因があるのでしょうか? 素人な質問で説明がわかりずらくてすみませんが宜しくお願い致します。

  • 困っています!エクセルのプレビュー画面で。。。

    とても困っています!だれか原因がわかる方教えてください。 今、会社でエクセルのシートに図を貼り付けたりテキストボックスを重ねたりしている作業を大量にしています。 印刷プレビュー画面で一度確認をし、作業画面とは位置のズレがあったりしてプレビュー画面から作業画面に戻り位置の修正をしようとすると、作業画面の図もプレビュー画面と同じ位置にずれてしまっているのです。こんなことが何度もあり、とても困っています。プレビューのみがズレているなら分かるのですが、作業画面に戻ったときにプレビューと同じズレになっているという原因がわかる方、そうならないような設定等がわかる方、アドバイスお願いします!!

  • Excelで作成画面と印刷プレビューの表示が違います

    Excel2007を使用しています。 1シートに2ページ分の文書を作成しているのですが 作成画面ではきちんと表示されますが、プレビューで 確認すると2ページ目に作っている表が下にずれてしまいます。 (ヘッダから数行改行されて図が表示される状態です) 印刷をしてもプレビューと同じようにずれて印刷されています。 色々調べてみたのですが、原因がわかりませんでした。 どなたがお教え頂けないでしょうか? よろしくお願いします。

  • ホームページビルダーで画面が小さく全画面表示できない

    ホーページビルダー12を使っています。初心者です。 1.作成したHPの画面が小さく全画面表示できず余白に生ります。   画面拡大の方法を教えて下さい。 2.各パーツの位置が編集画面とプレビュー画面で異なります。   ずれが生じてしまいます。どこでも配置モードを利用しています。 ご教示お願いします。

  • 画面表示のズレ

    デスクトップの画面表示がずれて表示されてしまいます。 この症状は電源が供給されているケーブルの端子を 画面表示中に誤って抜いてしまってからなっています。 正しくはズレという表現で正しいのか分からないのですが、 画面の左側に少しズレていて、右側が大きく空欄(真っ黒)になっています。 上下でのズレは無く、また起動中の画面はフルで表示されています。 (モニター側でのズレを修正する機能(?)が効かなくなってしまっています…) ご教授よろしくお願いします。

  • V10のプレビュー画面

    HPビルダー10のプレビュー画面とHTMLの画面は同時に表示はできないのでしょうか? 編集画面とHTMLはできますが、どうも編集画面とプレビュー画面が一致してないので、実際にはちゃんとした位置にあるのに編集画面でずれているので大変やりずらいです。 レンタル掲示板みたいにWEB上で編集するときは、ウィンドーを2つ開き、一方で編集して一方で更新しながら見た目を確認・・というようになればすごくやりやすいのですが。 ご教授よろしくお願いします。

  • 【エクセル】作成画面と印刷プレビュー画面の違いについて

    いつもお世話になっております。 今、オートシェイプを使って、地図に印をつける作業をしているのですが、作成画面と、印刷プレビュー画面にズレが生じています。(今は、苦肉の策で、微(・・・でもないんですが・・・)調整している始末) どのようにしたら、作成画面どおりに印刷されるのでしょうか? 宜しくお願い致します。

  • プレビュー画面作成について

    VB5(SP3) OSはMeです。 見積書作成プログラムを作っています。 印刷内容のプレビュー画面作成で困っています。 A4縦で印刷します。印刷内容をForm.Printとか Picture.Printで画面に表示できますが下部が隠れてしまいます。スクロールさせる方法か全体を縮小表示させる方法を教えて頂けませんか。 印刷プログラムはPrinter.Printを使用しています。

  • ビルダー10 ページ編集画面とプレビュー画面の差

    PCには全く詳しく無く、HP作りも初めてです。タグについても 知識が皆無に等しい状態です。 現在、ビルダー10の「どこでも配置モード」を使用し、サイトを 作成中ですが「ページ編集」の画面と「プレビュー」の画面では表示 (見え方)に差がある場合がある事に気付きました。 「ページ編集」では自分の表現したい通りに見えていないのに、 「プレビュー」やツール→ブラウザ→IEで見てみると希望通りの 見え方になっているのです。 このような場合、「ページ編集」画面と「プレビュー」画面のどちらを 信用してページを作って行けば良いのでしょうか。 また何故このような現象がおこるのでしょうか。

  • プレビューと印刷のズレ

    Win8でMS Word2010を使用して冊子を作っています。 約60人から原稿を集めて、約300ページの「同人誌」を作っていますが、プレビューでは作成画面通り正しく表示されているのに、印刷すると添付した写真や図表が各所でズレ、末尾では2ページ余りのズレが発生してしまいました。これでは使い物になりません。 これまでVistaでやっていましたが、こんなことは起きませんでした。 原因はなにか、また対策はあるのでしょうか。 高齢でPCとの付き合いは長いのですが、その割には知識、能力は初歩以前です。分かりやすい言葉と方法で教えていただければありがたいのですが…。 よろしくお願いします。 Mukuchanchan

専門家に質問してみよう