農場主の日常

なんちゃってエンジニアの日常をつらづらと

FireFox と表示の崩れ

 2月最終日、相変わらずの状態ですがまあ順調に。
 そろそろ日付が変わりそうな時間に帰ってきましたが、FireFoxでの表示の崩れを直すところから。

 現在の問題点は明確で、左右のメニューの項目の長さが枠からはみ出て見えること、それと記事に無駄なスペースが開くことなのです。

 スペースの問題は、FireFoxの回り込み解除の解釈にあります。うちの場合画像を多用するので、記事の終わりに< BR clear=all />を入れてます。IEの場合、これが含まれるブロック要素の中にFloat指定がある場合にはそれを解除、無い場合にはただの改行要素として機能しますが、FireFoxの場合はブロック要素の外のFloat指定された要素にまで作用します。この影響で、左右のメニューの長さ文の空白が開いてしまうわけです。これは記事の区切りにclear:bothのスタイルを指定しても同様な状況。ぬむむ。
 今のところうまい対処法が無いので、記事の終わりの回りこみ解除指定を外しました。トップページはこれでよくなったけど、「農場主の日常」にて画像がある記事が投稿されると同様な状況になります。うーむ、これはIEの解釈のほうが正しい気がするんだけどねえ。

 左右のメニューの要素がはみ出す件は、Width指定とBox要素の幅の解釈が違うことが原因でしょう。TextOcean: IEでもFirefoxでも崩れないレイアウトのサイトが詳しそうです。
 今回そこまで対処できなかったので、また後日ということで。このメニューはこれでありかなとも思い始めつつ。


関連記事[FireFox と表示の崩れ

コメント


結局のところ、表ページに「このサイトはIE6.0に最適化されています。」とでも注釈入れとけばいいんじゃない?・・あとは趣味の問題だよね。
いっそのこと完璧目指して、FireFoxの次は「safari」「Opera」「Netscape」・・・と攻略する?
自分でほとんどいじる所の無いココログ(標準タイプ)ユーザーの私には縁遠い感じですが・・・。
05/03/01 12:23:19
 攻略とかはする気は無いんだけど、いじってるついでにどうしようかとね。
 今現在IEとかでも、表示領域を小さくしたりすると崩れるので、にんともかんとも。デフォルトのCSSをいじくるのも限界を感じてきたよ。

 Nucleusは配布されてるスキンも少ないしなあ。
05/03/02 00:22:09


コメントの追加


トラックバック

このエントリにトラックバックはありません
このトラックバックURLを使ってこの記事にトラックバックを送ることができます。

↑ PAGE TOP