CSSについて

IEにしか使えないfilterで、IEのみ表示されない!!

2011.05.28
IEのみにしか有効じゃない独自使用のfilterを使い影をつけるfilterを使ったところ、IEのみ表示されないという事態に陥りました、、、 [code language="css"]-webkit-box-shadow: 2px 2...... 続きを読む >>

liタグにfloatを当てた時、IEのみ折り返しが崩れる

2010.05.09
文字数がオーバーすると、折り返すのではなく、liごと下に下がる [code language="css"]li{ float:left; position:relative; white-space:nowrap; } [/co...... 続きを読む >>

CSSで、画像を縮小させてもIEできれいに見せる。

2010.03.18
この記載でIEでもきれいに表示される。 [code]img{ -ms-interpolation-mode: bicubic; }[/code] ちなみに縦横比固定でCSSで縮小サイズを記載したいとき、 固定幅(もしくは縦)の...... 続きを読む >>

IEでimg下に変な隙間が生じるバグ(その2)

2010.03.01
vertical-align:top;だけでは解消できない状況に遭遇。 いろいろやった結果、やっぱり<div>で囲うほかなかった、、、、 [code language="html"] <div class="ie_...... 続きを読む >>

IE6のみに有効なCSSハック

2009.11.25
IE6のみに有効にするスタイル属性にアンダーバーを使う .class{ padding:10px; _padding:8px; /* IE6だけ上書きされて有効になる。*/ }...... 続きを読む >>

ie6対応フォントサイズを小さくする方法

2009.11.25
フォントサイズが10px以下になったときに、IEのみ制御できなるなる現象の回避 [code language="css"].tour_txt_in p{ margin:0; padding:0 0 0 10px; font-si...... 続きを読む >>

IEでPNG画像を使用その2

2009.08.27
よりカンタンにPNGを表示させる方法 以下サイトの『Download』よりiepngfix.zipをダウンロード http://www.twinhelix.com/css/iepngfix/ ver.2はこちら→http://ww...... 続きを読む >>

IEでimg下に変な隙間が生じるバグ

2009.04.30
ほんとに大嫌いなIEで、imgタグを並べると隙間が生じる。 例: <img src="〜〜" alt="" /> <img src="〜〜" alt="" /> 例のように改行してソースを記載するとi...... 続きを読む >>

clearハック

2009.03.08
[code language="css"] .clearfix{ min-height:1%; } .clearfix:after{ /* for modern browser */ content:""; clear:b...... 続きを読む >>

IEでPNG画像を使用

2009.02.04
IE7.js使用時のさらなる回避 googleがmicrosoftのIE6以前のバージョンのバグに対応するJSを公開してくれている。 http://code.google.com/p/ie7-js/ PNG画像の透過が表示...... 続きを読む >>