いろいろなブログを見ているとよくレイアウトが崩れている物をみかけます。
たとえば下記のようなページです。
http://www.atz.jp/~patio/cgi/koe/log/eid94.html
メニューと本文を左右に並べるつもりなのですが、上下にずれてしまっています。
このようなレイアウトの崩れはどのようにして起こるのでしょうか?
またどうすればなおるのでしょうか?
No.1ベストアンサー
- 回答日時:
サンプルで示されているページは、不用意なタグの利用により発生しています。
原因は<br />という改行を行うタグが不適切に使用されたことによります。
blogのレイアウトは、なぜ崩れるか?
ケースバイケースですが。
上記のようにマークアップに原因がある。
使用するタグやスタイルは、ブラウザ依存のものがあり、IEならきれいに見えるけれど、Firefoxというブラウザでは、レイアウトが崩れたり。という事もあります。
対策もいろいろです。
シンプルに作る。
閲覧者が、どのブラウザつかってるか調べて、上手く表示できるプログラムをくっつける。
このブラウザ使わないと見れないよ。と宣言してしまう。
いろいろです。
ありがとうございます。
回答を読んで改行の問題らしいと気づきました。
ブログの設定をみたところ「自動改行する」と言う設定になっていたので「そのまま」という設定に変更したところ普通に表示されるようになりました。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLとCSS(ブラウザ関連)について質問です。 1 2023/03/07 08:07
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- Windows 10 ネットからファイルをデスクトップにダウンロードする際、既存のファイルの並びが崩れてしまう 4 2022/04/19 08:20
- Chrome(クローム) Webサイトの表示崩れの原因と対策 1 2022/08/01 23:16
- Firefox(ファイヤーフォックス) Firefoxでグーグルの検索画面が変です 2 2022/09/20 19:25
- HTML・CSS Affinger6でトップページに記事をタイル状に並べたい 1 2023/05/20 14:55
- Word(ワード) ワードの表、別文書からコピペすると、レイアウトが崩れる 3 2022/04/17 14:59
- WordPress(ワードプレス) ワードプレスで記事を書くスペースの横幅を広げたいです。 1 2022/09/24 18:16
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
GoogleChromeでレイアウトが左...
-
エクセルのシートをブラウザに...
-
DeepLでエクセルのA列の英文の...
-
プルダウン(リストボックス)の...
-
WindowsとMacでのChromeのスタ...
-
スマホでページ内リンクができない
-
VBA オブジェクトが必要です
-
VBAでgetElementByTagName
-
Macで見るとページが崩れます。
-
XMLを作成してもタグしか表示さ...
-
指定URLを新しいウィンドウで開...
-
\\n \\r \\t について
-
キーフレーム
-
MMDのAVI出力にとんでもなく時...
-
AfterEffectsでイージーイーズ...
-
pixivの消えないブックマークタ...
-
ソースコードの改行文字は何に...
-
連続した<span>の改行
-
photoshopのアニメーションで拡...
-
Mayaレンダリングの中断
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
GoogleChromeでレイアウトが左...
-
WindowsとMacでのChromeのスタ...
-
プルダウン(リストボックス)の...
-
doc As HTMLdocumentのコンパイ...
-
HTMLのバージョンの確認方法は?
-
VBA オブジェクトが必要です
-
スマホでページ内リンクができない
-
Macで見るとページが崩れます。
-
起動済みのIEをハンドルから操...
-
tabキーによるfocusの当たり方...
-
DOCTYPE宣言はしなくていいの?
-
HTML文書を上書き保存してもブ...
-
CSSやJavaScriptのバージョン指定
-
VBAでgetElementByTagName
-
<IMG>のALIGN属性値「absmiddle...
-
エクセルのシートをブラウザに...
-
WEBページからのメッセージをVBAで
-
dreamweaverでCSSのレイアウト...
-
エクセルでURLからタイトルのみ...
-
ブラウザによって見え方が異なる。
おすすめ情報