FireFox と表示の崩れ

Webネタ・サイト更新

 2月最終日、相変わらずの状態ですがまあ順調に。
 そろそろ日付が変わりそうな時間に帰ってきましたが、FireFoxでの表示の崩れを直すところから。
 現在の問題点は明確で、左右のメニューの項目の長さが枠からはみ出て見えること、それと記事に無駄なスペースが開くことなのです。
 スペースの問題は、FireFoxの回り込み解除の解釈にあります。うちの場合画像を多用するので、記事の終わりに&lt BR clear=all /&gtを入れてます。IEの場合、これが含まれるブロック要素の中にFloat指定がある場合にはそれを解除、無い場合にはただの改行要素として機能しますが、FireFoxの場合はブロック要素の外のFloat指定された要素にまで作用します。この影響で、左右のメニューの長さ文の空白が開いてしまうわけです。これは記事の区切りにclear:bothのスタイルを指定しても同様な状況。ぬむむ。
 今のところうまい対処法が無いので、記事の終わりの回りこみ解除指定を外しました。トップページはこれでよくなったけど、「農場主の日常」にて画像がある記事が投稿されると同様な状況になります。うーむ、これはIEの解釈のほうが正しい気がするんだけどねえ。
 左右のメニューの要素がはみ出す件は、Width指定とBox要素の幅の解釈が違うことが原因でしょう。TextOcean: IEでもFirefoxでも崩れないレイアウトのサイトが詳しそうです。
 今回そこまで対処できなかったので、また後日ということで。このメニューはこれでありかなとも思い始めつつ。

サクラキャンドル

 都内在住。理系高校理系大学を経て、電機関係の会社でリーマンやってます。
 仕事内容とサイトの内容はほとんど関係がなく、趣味の延長線上でいろいろと紹介します。

サクラキャンドルをフォローする
スポンサーリンク
農場主の日常

コメント

  1. シンサク より:

    結局のところ、表ページに「このサイトはIE6.0に最適化されています。」とでも注釈入れとけばいいんじゃない?・・あとは趣味の問題だよね。
    いっそのこと完璧目指して、FireFoxの次は「safari」「Opera」「Netscape」・・・と攻略する?
    自分でほとんどいじる所の無いココログ(標準タイプ)ユーザーの私には縁遠い感じですが・・・。

  2. サクラキャンドル より:

     攻略とかはする気は無いんだけど、いじってるついでにどうしようかとね。
     今現在IEとかでも、表示領域を小さくしたりすると崩れるので、にんともかんとも。デフォルトのCSSをいじくるのも限界を感じてきたよ。
     Nucleusは配布されてるスキンも少ないしなあ。

タイトルとURLをコピーしました