同じブラウザでレイアウトが崩れるのはなぜ？
- 同じブラウザ(IE8)を使用しているのに、CSSレイアウトが崩れる理由について教えてください。
- HTML、CSSをタグ打ちでホームページを作成したのに、同じブラウザで表示が違う理由を教えてください。
- パソコンのレイアウトが思い通りに表示されるのに、他のパソコンでは崩れる原因を教えてください。
- ベストアンサー
同じブラウザでレイアウトが崩れるのはなぜですか？
同じブラウザ(IE8)を使用しているのに、CSSレイアウトが崩れます。 ＨＴＭＬ、CSSをタグ打ちでホームページを作成したのですが、 2台のまったく同じパソコンで表示させたところ、同じブラウザ(IE8)を使用しているのにレイアウトが違っています。 自分のパソコンでは思い通りのレイアウトで表示されるのですが、もう一台の同じパソコンでは余白が広すぎたり、 2段で表示されたりしてしまいます。 ちなみにCSS検証サービスなどでは問題ありませんでした。 他のブラウザでも私のパソコンでは同じレイアウトで表示できます。 何がダメなのかまったくわかりません。 サーバーはFC2の無料サーバーを使用しています。 考えられることがあれば、何でもいいのでどなたか教えてください。 よろしくお願いします。
- lany504
- お礼率18% (2/11)
- HTML
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
端末の環境が違うからというのが一般的な回答。 単純にディスプレイの解像度だったり、ブラウザの文字サイズやフォントの設定、或いはユーザースタイルシートなどを確認してみてください。 情報が提供されていないので推測しかできません。
その他の回答 (1)
- aoumiushi
- ベストアンサー率45% (234/512)
内容や文字を拡大・縮小表示してるからかも？ メニューの[表示]＞[文字サイズ]または[拡大]が同じになってますか？
お礼
確認したところ、やはり同じでした。こういうことってあるんですか?
関連するQ&A
- 教えてつかぁさい。ＨＰのレイアウトについて。
どうすればいいのですか？ｈｔｍｌ ・CSSのレイアウトについて教えてください 素人なのでうまく説明できないかもしれないですが、よろしくお願いします。 メモ帳を使い、会社のホームページを作成しました。 FC2の無料サーバーにアップロードし、IE8でホームページを開くと正常に表示されました。 CSS検証サービスなどもクリアーし、他のブラウザ(Opera,Firefox,Safari)でも問題なく同じレイアウトで表示されます。 ところが、私の使用しているパソコンとまったく同じ機種(ブラウザIE8、同じモニターサイズ、表示の設定なども一緒)のもう一台のパソコンでホームページを開くと、レイアウトが崩れてしまうのです。 わけがわからないので、とりあえずCSSにclear:bothなどのソースを追加し、そのファイル(メモ帳)を〔プログラムから開く〕でIE8で開くとレイアウトが崩れているのですが、そのファイルをサーバーにアップロードしてIE8(他のブラウザでも)でホームページを開くと正常に両方のパソコンで表示されるのです。違う機種のパソコンでも正常に表示されました。 そこで質問です。 そもそも、こういう事ってあるんですか？あるのなら回避方法を教えてください。それとも、このまま仕方なくサーバーにアップロードし、ホームページ上では正常に表示されるが、メモ帳から開くとレイアウトが崩れている、このファイルをこのまま使うのが良いのか、それとも何かほかに良い方法があるのでしょうか？ 分かりにくい長文になり申し訳ないのですが、どなたかお知恵をお貸しください。よろしくお願いします。社長に叱られます。
- ベストアンサー
- HTML
- ブラウザによってCSSレイアウトが崩れる
個人でサイトを運営しています。ビルダー等のソフトを使わず、ＨＴＭＬタグ打ちで作っています（独学です）。テーブルでページをレイアウトするのは好ましくないと言われているので、最近になってＣＳＳでレイアウトするようになりました。 普段ブラウザはＩＥ６を使用していて、一つ一つレイアウトを確認しながら作り上げたのです。しかし、Ｆｘを導入して確認してみると、レイアウトが無茶苦茶に崩れてしまいました。両方で崩れないように調整できたと思ったんですが、次にＩＥ７を導入して確認すると、また大きく崩れるようになってしまいました。これは単に自分のミスなのか（widthやheight、margin、paddingなどで間違いがある）、それともブラウザによって微妙なズレが生じるのは仕方のないことなのか、よくわかりません。どなたかご教授お願いします。
- ベストアンサー
- ブラウザ
- ブラウザでの表示の違い
分け合って、タグにCSS直打ちでのレイアウトをしているのですが、IE6以外では表示が崩れてしまいます。 以下の記述で、目指しているのはIEでの表示結果です。 実際正しいのは、その他のNetscapeやFireFox、Operaで見た時のものなのだと思うのですが、どうすればうまく表示できるでしょうか。 やはり、どのブラウザでも全く同じ表記にするのは無理なのでしょうか。
- ベストアンサー
- HTML
- ブラウザ依存のレイアウト・・・どうにかなりませんか？
タグ自体もそうかもしれませんが、CSSを利用すると IEとFirefoxで全くレイアウトが異なります。 Mozilla側に合わせればいいと思ってやってたのですが、 片方に合わせると片方が崩れます。 しかもNetscape、Macブラウザなどでまた違うとか言われたら泣きます。 一体どうすれば良いのでしょうか？ CSSは利用したいです。JavaScriptは利用しません。 利用しないほうがいいタグや属性などあるのでしょうか？
- 締切済み
- HTML
- IE7でレイアウトが崩れたり戻ったりする現象について。
タグ打ちでホームページを作成中、IE7で見るとレイアウトが崩れていたので 試行錯誤したところ、なんとかFirefoxで見るのと同じ配置に直りました。 その後また同じ状態になり、修正後のHTMLとCSSのデータのバックアップを使用して更新してみたのですが、表示が直りません。 キャッシュは削除し、使用領域も減らしてみましたが変化がありませんでした。 どんなヒントでも結構ですので、どうぞご協力ください。
- ベストアンサー
- ブラウザ
- 古いブラウザでのレイアウトの崩れ
テーブルとＣＳＳの組み合わせでレイアウトを作成していたのですが、お客さんから「Win/IE4,IE,Mac/IE5でレイアウトがめちゃくちゃじゃないか！」とクレームを受けてしまいました・・・。スタイルシートの使用を極力避け、テーブルの入れ子やspacer.gifの多様で作り直し、Mac/IE5での確認はできたのですが、Win/IE4,IE5での環境がととのわず、確認できてません。Mac/IE5で崩れずに表示されればほぼ問題はないのでしょうか？
- ベストアンサー
- CSS
- HP作成中。Chromeブラウザのみレイアウト崩れ
見よう見まねで結構古くからＨＰ造りをしています。 今は、レスポンシブデザインでのショップ作り中です。 ＨＰ造りながら、色々なブラウザでも表示状態を確認していますが、 いつもいつもＩＥの常用者でGoogle Chromeでの表示確認を怠っていました。 現在のＨＰはパソコン画面では、ＩＥ，サファリ、ファイアーフォックスで綺麗にレイアウトが出来ています。 ただ、Google Chrome ブラウザだけパソコン画面では、 トップから２段目の折り畳みのアコーディオンメニューが上下に２段になってしまいます。 他のブラウザでは問題なく１段に収まります。 http://www.waterplanet.jp/ 何分、ネットでの独学勉強のＨＰ造りなので、このChrome表示の修正を思い付きません。 どなたか、独学勉強の者に判り易く、適切なアドバイスをして戴ければ有難いです。 どうかご協力を宜しくお願い致します。 山田と言います。
- 締切済み
- CSS
- ブラウザによって上手く表示されません
CSSでデザインとレイアウトをして、それをブラウザに表示させた時、 OSとブラウザによって上手く表示されるものとそうでないのがあり、 それらをどうやって対処したらいいのか分かりません。 具体的には、MAC OS10 のIE5.2とFirefoxが正常に表示されるのに対し、 WINXPのIE7.0とSleipnirでは同じレイアウトの崩れ方をします。Firefoxは大丈夫でした。 逆もまた然りで、WINブラウザで正常に表示させようとすると、MACでは崩れてしまいます。
- 締切済み
- CSS
- ＣＳＳレイアウト＝firefox3.0とfirefox3.5のブラウザ
ＣＳＳレイアウト＝firefox3.0とfirefox3.5のブラウザ表現の違いについて教えてください。 firefox（以下。ＦＦ）3.0と、3.5ブラウザの見え方の違いが発生してしまいました。 ＦＦ3.5基準だと、ＩＥ（6.0。7.0。8.0）でも問題なくみえますが、 なぜかＦＦ3.0だけ ＣＳＳレイアウトが 崩れています。 基本 ＦＦは準拠しているものとして 3.5基準で作っていましたが、 仇となってしまいました。（私の勉強不足ってのもありましたが） これは ハック等で問題は解決できるのでしょうか？ それとも、margin等の規格がＩＥバグのように 違うものになっているのでしょうか？ ご回答よろしくお願いいたします。
- ベストアンサー
- CSS
- ブログのレイアウトがIE6以外で異常に崩れる！
gooブログアドバンスでテンプレートをいじっているのですが、 IE6では意図したようにレイアウトされるのものが、IE6以外ではレイアウトが崩れてしまいます。 崩れ方もブラウザによって違い、 netscapeではエントリー部分が意図したよりも広く表示され、他の部分にかぶってしまったり、 operaではエントリーが一番下、画面幅いっぱいに表示されたり…という具合です。 一応netscape、operaでも使えるCSSやタグを使っているつもりなんですが…。 どのような理由が考えられるでしょうか? 時間をかけて作っただけに、どうにかしてちゃんと表示されるようにしたいのですが…。
- ベストアンサー
- ブログ
補足
まったく同じパソコンで、設定もすべて同じでした。他のブラウザでレイアウトが崩れるのならわかるのですが......。困りました。