CSSスタイルシートのレイアウトの異常に関して教えて下さい。


無料CSSを利用して

H e a d d e r
Left,Center,Right
F o o t e r

のようなデザインのHPを作り、(サーバーではなく)フォルダに保存して開いてみましたが、FireFoxで確認したところ、

H e a d d e r
Left
Center,Right
F o o t e r

あるいはIE6ですと

H e a d d e r
  Left(真ん中に配置される)
Center,Right
F o o t e r

のように、左のサイドバーの隣に来るはずの中央のメニューが、下に配置されてしまいます。

似たようなトラブルに見舞われた事がある方、その際にどうやって解決したかをご教授頂ければ幸いです。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2010/05/17 22:54:00
  • 終了:2010/05/17 23:58:56

ベストアンサー

id:ko8820 No.1

ko8820回答回数1221ベストアンサー獲得回数692010/05/17 23:25:03

ポイント60pt

Left

Center,Right

  Left(真ん中に配置される)

Center,Right

----------

幅が重要な要素を持ちますので、画像等を埋め込んで幅が想定や設定より広くなると

レイアウトが崩れます。

id:ReoReo7

ありがとうございます。

今、div等の構造にかかわるタグ以外を全て削除したHTMLを作成してテストしていますが、なかなかカラム落ちは直らないですね・・・。

2010/05/17 23:49:18
  • id:ReoReo7
    以下QA等を参考に奮闘しています。。
    http://knowledge.livedoor.com/13741
  • id:ReoReo7
    <div class="left_sidebar">
    とするところを
    <div class="left_sideba">
    としていました。これを直せば直りました。

    ご協力ありがとうございました。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません