CSSを駆使してページをデザインしていると何度か同じようなバグに出くわすことがあります。すっかり身についていればなんということはないバグだったりするのですが、まだまだ未熟者なため、「あー、これこれ！なんだっけなー」とググり直すことしきり。そんなバグを備忘録として残して置きます。
- 「いないいないばあバグ（peek-a-boo bug）」
http://blog.magical-remix.net/igalog/archives/29 - リストアイテムの後ろに空行が入る
http://cssbug.at.infoseek.co.jp/detail/winie/b071.html
上の「いないいないばあバグ」については、他の方法では改善しなかったのに対し「position:relative」だと効果があったことから、個人的には3番目の方法をオススメします。
下のリストの下に空白行が出来るのは、リンク先でもあるように、borderを設定することでも改善しましたが、そちらだと色を設定する必要が出てきますので、どうせ同じ1px空くのであればpaddingの方がいいような気がします。
Posted by 9min / TrackBack: 0 / Comment: 0