バグバグCSS
最近制作サイドではCSSが当たり前になってきてるのでモンダンブラウザだと無問題だと信じていたんだけど色々問題がある
細かいのは無視して今回分かった問題とその回避方法を列挙します。
■IEでリストに空行が入る問題
リストに「width:100%;」と幅をしていしてやると回避できるがMacのIEでリストが膨張してレイアウトが崩れる場合があるので98%ぐらいが安心
■FireFoxで印刷時に落ちる（フリーズする）問題
意味は不明だけど問題の箇所のフロートの親に「overflow: auto;」と指定してやると回避できる
ただし、他のブラウザ（WinIE5.xやNetScape）でスクロールバーが表示されてしまう場合があるので印刷時にのみ適用される様に「@media print」を使う。
■NetScape7で背景が上に上がってしまう問題
背景の位置を指定するにあたって左揃えの場合はそれを明示すると背景が飛んでしまうらしく
background : #FFF url(../images/test.gif) no-repeat bottom ;
の様に横の位置情報を入れないようにすると上手く表示される。
■NetScape7でフロートが閉じてくれない問題
同じくNetScape7のフロートの問題なんだけどクリア用に用意したdivに大きさが無いと無視される様で高さを1px与えてやると問題を回避できる。
ただそうするとwinIE6.0で変になる場合があるのでハックで回避
html>body .clear {height:1px;}
Tags: CSS