CSSの整理が必要かも・・・

先日Firefoxでこのブログが崩れて表示されることに気付き、Firefox対応のために修正に取り掛かったんですけど、うまく行きません（泣）

とりあえずサイドバーが下に落ちてしまうという致命的な不具合は小手先の修正で済んだのですが、未だところどころ文字が重なっていたりして完全に対応しきれていません。

どうもCSSによる位置の定義の解釈がIEとFirefoxとで異なっているようです。

私はどこかのサイトで、これからのサイトはCSSでのレイアウトを推奨するといったようなことを見たもんですから、このブログの構成も基本的にはテーブルを使わずにCSSでやってます。でもCSSによるレイアウトって、結果が読めないから本当に難しいです。

しかも、CSSを良く分かっていないころから試行錯誤してきているため、結構ぐちゃぐちゃだったりします＾＾；Firefox完全対応の為にはCSSとHTMLの整理からやらないとダメかもしれません・・・

まだそんなにFirefoxを意識する必要も無いんでしょうけど、気になりだしたら気持ち悪いので、そのうちきれいに書き直そうかと思う今日この頃です。

Comments

はじめまして。
私も最近"FirefoxとIEの両方でちゃんと表示されるレイアウト"でひーこら言っていたもので、なにやら共感を覚えてのコメント書き込みです。

私は↓などを見つつCSS弄っていました。
「IEでもFirefoxでも崩れないレイアウト（Text Ocean)」
http://textocean.com/article/7/iefirefox

「スタイルシート講座（JUGEMのサイトですが、floatとかIDとか分かりやすかったです）」
http://jugem.jp/blog/css03.php

結局よく分からないまま、怪しい数値を色々弄ってみつつー確認しつつーってやっちゃうんですが。

Posted by つつい at 2005年02月20日 00:43

つついさん、はじめまして。
情報ありがとうございます。どちらのサイトもとても参考になりますね。Firefox完全対応目指して勉強します。

Posted by hammer at 2005年02月20日 01:51

こんにちは。
確かにFirefoxではだいぶ表示が違うようですね。

私も最初はIEベースでやってたので他のブラウザでは見えないとかいうことあったみたいなのですが、今は逆で、IEでの表示を諦めています。（なぜかIEだけ記事枠のボーダーを表示してくれないくせにスクロールすると表示されるのですが放置しています）
早く全てのブラウザがCSSを同じように正しく理解してくれるようになることを願います。

Posted by Noah at 2005年02月20日 10:19

Noahさん、こんにちは。
そうですか、IEをあきらめましたか。思い切りましたね＾＾

つついさんが紹介してくれたサイトを見ていると、CSSやHTMLの仕様を良く理解すれば、異なるブラウザ上でも同じように表示させることは可能みたいですが、私も正直そこまで細かく仕様を理解できません（泣）

Posted by hammer at 2005年02月20日 10:54

まぁ、思い切ったといっても読めないわけではないので支障ないかなと^^;
widthの解釈とfloatの解釈の違いは致命的です（ﾉ_･｡）

Posted by Noah at 2005年02月20日 13:42

コメントお待ちしています。こちらではコメント認証もコメント保留も行っておりません。お気軽にコメントください＾＾