CSSハック

画像置換によるアクセシビリティーの低下

2007年1月31日CSS

Fsikiさんのエントリー「text-indent: -xxxxemの弊害」で紹介されている内容ですが、現在のCSSテクニックの常套手段である画像置換をするとFirefoxではクリックした時に画面外に飛ばした範囲にまで点 […]

CSS 回り込み解除の決定版

2007年1月19日CSS

ここ最近コーディングをしていてDRY(Don’t Repeat Yourself)同じ作業を繰り返さないという考え方をCSSやマークアップにも取り入れていきたいと思うようになりました。そこで今回はfloatに関する便利な […]

Firefoxでの回り込みと背景が伸びない現象への対処法

2006年10月4日CSS

Firefoxではdivなどの中にfloatをかけた要素を入れた場合、floatを解除しないと背景が伸びなかったり、継続要素の回り込みなどの現象がおこります。 それらの対処法をいくつかご紹介します。 1.HTMLのdiv […]

FireFoxのスクロールバー分のズレをとるCSS

2006年9月26日CSS

FireFoxで表示したときページが縦方向にきっちり収まっているとき、スクロールバーの分だけスクロール時で表示されている時と比べてズレてしまいます。 デザイン自体には問題はありませんが、コンテンツが縦にきっちり収まってい […]

IE6とFireFoxで知っておくべきmarginに関するCSSハック

2006年8月18日CSS

今回はコーディングでよく悩まされるIE6とFirefoxでのmarginに関するCSSハックをご紹介します。 たとえば何かのブロック要素をfloatで右か左どちらかに寄せてしまうと、marginのautoが効かなくなりま […]