>>Delta

宗教的CSS書きが葛藤した話

2008年4月26日

宗教的CSS書きが葛藤した話

CSS書いててやはり困るのはブラウザ毎に動作が異なるというシチュエーション。

趣味で書いている場合は、多少の違いは許容してしまう。多少表示がずれたって致命的な問題は起こらないし、シンプルで汎用性の高いCSSを維持する方を優先したいから。

ところが、自分はただのコーダーで、デザイナーが別にいる場合はそうも言っていられない。

例えば、ヘッダ・コンテンツ・フッタというページ構成で、コンテンツのみ2カラムという構成を書いていたとして、というか書いてるんだけど。「2カラム部分のfloatをどうしてもclearしたい」という場合どうしようか。

後続ブロックでクリアするのがエレガントでない場合は適当にhr要素などの区切りを入れてclearするのが無難なやりかただと思う。

ところがhr要素にはIEで高さを20px以下にできないバグ(?)があって、いかに visibility: hidden; で隠そうにも20pxの空白が残ってしまう。そして、デザイン上この空白はない方が良い。困った。div要素かなんかで代用すればこんな問題簡単に解決できるのにね。使っちゃおうか、div。文法違反してないじゃん。内容のない空のdivならCSSのない環境でも改行にしか見えないから十分区切りとして機能できるよ。

宗教的に今まで100点だった物が99点になるのは惜しかったんだけど、これで丸く収まるなら良いかな、という妥協をした。明らかな文法違反だったら説得もしたかもしれないけれど、この場合殆ど好みの問題であって、現実的に無理なく可能なことを(俺の好きな方法ではないからという理由で)我慢しろと要求するのはいただけないなと思った。

投稿者 CASPAR003
投稿時刻 23:06
カテゴリー 雑記
コメント 0 件
トラックバック 0 件
記事へのリンク http://www.caspar003.info/delta/archive/2008/04/26/2306.html
コメント
投稿者
コメント
トラックバック
  • トラックバック

ブログ情報

カレンダー
2018年2月
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28
最近のエントリー
最近のコメント
コメントを頂いたエントリー
コメントをくださった方一覧
コピー用紙の裏表
でった☆
CASPAR003
あのー
CASPAR003
amumo
CASPAR003
mariko
kazu
お仕事で青ざめた話
iun
iun
CASPAR003
AcrobatでPDFの一括印刷
Caesar
CASPAR003
Shadeのレンダラー仕様メモ
iun
CASPAR003
ブログ同盟本 C87 3日目 東S-04b
CON$
CASPAR003
Ca3 Post_Effector 2.0
sisioumaru
CASPAR003
sisioumaru
CASPAR003
Shade15について雑感
iun
CASPAR003
iun
色について
iun
CASPAR003
Lv67
iun
CASPAR003
雪まつり行ってきたよ
iun
CASPAR003