2月最終日、相変わらずの状態ですがまあ順調に。
そろそろ日付が変わりそうな時間に帰ってきましたが、FireFoxでの表示の崩れを直すところから。
現在の問題点は明確で、左右のメニューの項目の長さが枠からはみ出て見えること、それと記事に無駄なスペースが開くことなのです。
スペースの問題は、FireFoxの回り込み解除の解釈にあります。うちの場合画像を多用するので、記事の終わりに< BR clear=all />を入れてます。IEの場合、これが含まれるブロック要素の中にFloat指定がある場合にはそれを解除、無い場合にはただの改行要素として機能しますが、FireFoxの場合はブロック要素の外のFloat指定された要素にまで作用します。この影響で、左右のメニューの長さ文の空白が開いてしまうわけです。これは記事の区切りにclear:bothのスタイルを指定しても同様な状況。ぬむむ。
今のところうまい対処法が無いので、記事の終わりの回りこみ解除指定を外しました。トップページはこれでよくなったけど、「農場主の日常」にて画像がある記事が投稿されると同様な状況になります。うーむ、これはIEの解釈のほうが正しい気がするんだけどねえ。
左右のメニューの要素がはみ出す件は、Width指定とBox要素の幅の解釈が違うことが原因でしょう。TextOcean: IEでもFirefoxでも崩れないレイアウトのサイトが詳しそうです。
今回そこまで対処できなかったので、また後日ということで。このメニューはこれでありかなとも思い始めつつ。
コメント
結局のところ、表ページに「このサイトはIE6.0に最適化されています。」とでも注釈入れとけばいいんじゃない?・・あとは趣味の問題だよね。
いっそのこと完璧目指して、FireFoxの次は「safari」「Opera」「Netscape」・・・と攻略する?
自分でほとんどいじる所の無いココログ(標準タイプ)ユーザーの私には縁遠い感じですが・・・。
攻略とかはする気は無いんだけど、いじってるついでにどうしようかとね。
今現在IEとかでも、表示領域を小さくしたりすると崩れるので、にんともかんとも。デフォルトのCSSをいじくるのも限界を感じてきたよ。
Nucleusは配布されてるスキンも少ないしなあ。