ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

グーグルクロームでレイアウトが崩れる

日時: 2009/10/28 08:19
識別: IDyrF0MekcQM2
名前: ただお  <myoukoh@yahoo.co.jp>
参照: https://www.chu-rei.co.jp/

ホームページビルダー13を使って、サイトを作っています。
IEでは作ったまま表示されますが、
グーグルクロームではレイアウトが崩れていることがわかりました。

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

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

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


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

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

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

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

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

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


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

nnさん

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

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

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

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

本当にありがとうございました。

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved