window


この質問記事は解決しています。
トップページ > 記事閲覧
*グーグルクロームでレイアウトが崩れる
日時: 2009/10/28 08:19
識別: ID:ykMAM6eH4S9.
名前: ただお  <myoukoh@yahoo.co.jp>
参照: http://www.chu-rei.co.jp/
ホームページビルダー13を使って、サイトを作っています。
IEでは作ったまま表示されますが、
グーグルクロームではレイアウトが崩れていることがわかりました。

皆さんもこのようなことはありますか?
それとも、私(初心者)の作ったサイトに何か原因があるのでしょうか?

主に、スタイルシートによる指示が無効になっているように見えます。
プレビューで確認する際は、IEを基本にしていますよね。
グーグルクロームはこれから増えそうだし、どちらにも正しく表示されたいのです。

すみませんが、ご存知の方は教えて頂けないでしょうか?
メンテ

Re: グーグルクロームでレイアウトが崩れる ( No.1 )
日時: 2009/10/28 09:29
名前: nn
参照: http://www-06.ibm.com/jp/domino01/swhc/esupport.nsf/keysearch

グーグルクロームは入れてませんが、firefox、operaでセンタリングが無効になっているようです。
# ページ全体の表示が中央寄せでも左寄せでもたいして困りませんが。
# ちなみにtext-align:center; でブロックがセンタリングされるのはIEのバグです。
# http://www.mozilla.gr.jp/standards/webtips0004.html
加えて、firefoxでは(たぶん)ブロックのwidthの解釈の違いにより段落ちが生じているようです。

ブラウザごとの解釈の違いで表示が違うことはよくありますが、どっちかって言うと、IEよりfirefoxの解釈の方が正しいと言われています。

ブラウザの表示モードが標準モードの場合、誤差が少なくなるらしいですから、とりあえず、doctype宣言をURI付きにしてみては?
http://hpbuilder.net/challenge/doctype.html

初期設定>DOCTYPEを変更する
http://hpbuilder.net/hpbuilder1.htm

設定変更後ビルダーで各ページを保存すると設定したdoctype宣言に変更されますが、いちいち開くのが面倒な場合は、テキスト置換ソフトで一気に変更すると楽です。


あと、参考までに文法チェッカー
http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html
http://jigsaw.w3.org/css-validator/
メンテ
Re: グーグルクロームでレイアウトが崩れる ( No.2 )
日時: 2009/10/28 16:10
名前: ただお
状態: 解決!  <myoukoh@yahoo.co.jp>
参照: http://www.chu-rei.co.jp/

nnさん

大変にありがとうございました。

ブラウザにより、中央寄せが左寄せになって表示されることが多くあるのですね。

私の作ったサイトでは、レイアウトが崩れ、文字が重なっていたりと、
大変に困っていました。
doctype宣言や文法チェッカーまで教えて頂き、ありがとうございます。

どんなに本をよんだり、問い合わせのメールをしても、何も解決せず、
本当に困っていました。
これから、ご指導いただいたページをしっかり見て、改善していきます。

本当にありがとうございました。
メンテ
- ( No.3 )
日時: 2011/12/05 01:21
名前: d251.osa20nn1fm11.vectant.ne.jp

#SPAM

メンテ

 返信フォーム (上記スレッドに返信する場合は以下のフォームから投稿します)
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します (メンテは該当記事のメンテアイコンをクリック)
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


投稿内容をご確認下さい(記事の削除は出来ません)

   クッキー保存