CSSの編集について

質問

私は、MAX os10.5.8を使用してます。

CSSの編集でブログ記事枠を少し広げました。

確認画面では、問題なかったのですが、
実際に表示してみると、右側のサイドバー項目が
ブログの下に表示されてしまいました。

直す方法を教えてください。

Firefoxで見るときのみ、変更されてないままでした。

ちなみにマックの　サファリとウインドウズで確認した所、
問題ありませんでした。
よろしくお願いします

回答No.1

noname#158634 · ベストアンサー

カラム落ちというやつです。
記事枠の幅「だけ」広げましたよね？だから、ページ全体に指定された幅を記事とサイドバーの幅の合計が上回ったんです。このとき、おそらくサイドバーや記事にはCSSで「float」が掛けてあるので、全体の幅を超えてしまう場合自動的に下にずらして表示します。これが「カラム落ち」。ブラウザによって挙動が異なるということは、おそらく数pxのわずかな違いだと思われます。しかしわずかだろうと指定幅を超えるならカラム落ちするのは同じこと。
(なお、なぜブラウザによって違うかの話は割愛します。単純に言うとCSSの解釈が異なっているから)
基本的な対処法は、全体の幅を広げるかサイドバーの幅を狭めるか。詳しくは「カラム落ち」で検索してください。

参考URL：

http://okwave.jp/qa/q7079628.html

お礼

さっそくの回答ありがとうございました。

カラム落ちというのですね！勉強になりました！
詳しく調べてみます。

ありがとうございます。