CSSについて
2011.05.28
IEのみにしか有効じゃない独自使用のfilterを使い影をつけるfilterを使ったところ、IEのみ表示されないという事態に陥りました、、、
[code language="css"]-webkit-box-shadow: 2px 2......
続きを読む >>
2010.05.09
文字数がオーバーすると、折り返すのではなく、liごと下に下がる
[code language="css"]li{
float:left;
position:relative;
white-space:nowrap;
}
[/co......
続きを読む >>
2010.03.18
この記載でIEでもきれいに表示される。
[code]img{
-ms-interpolation-mode: bicubic;
}[/code]
ちなみに縦横比固定でCSSで縮小サイズを記載したいとき、
固定幅(もしくは縦)の......
続きを読む >>
2010.03.01
vertical-align:top;だけでは解消できない状況に遭遇。
いろいろやった結果、やっぱり<div>で囲うほかなかった、、、、
[code language="html"]
<div class="ie_......
続きを読む >>
2009.11.25
IE6のみに有効にするスタイル属性にアンダーバーを使う
.class{
padding:10px;
_padding:8px; /* IE6だけ上書きされて有効になる。*/
}......
続きを読む >>
2009.11.25
フォントサイズが10px以下になったときに、IEのみ制御できなるなる現象の回避
[code language="css"].tour_txt_in p{
margin:0;
padding:0 0 0 10px;
font-si......
続きを読む >>
2009.08.27
よりカンタンにPNGを表示させる方法
以下サイトの『Download』よりiepngfix.zipをダウンロード
http://www.twinhelix.com/css/iepngfix/
ver.2はこちら→http://ww......
続きを読む >>
2009.04.30
ほんとに大嫌いなIEで、imgタグを並べると隙間が生じる。
例:
<img src="〜〜" alt="" />
<img src="〜〜" alt="" />
例のように改行してソースを記載するとi......
続きを読む >>
2009.03.08
[code language="css"]
.clearfix{
min-height:1%;
}
.clearfix:after{
/* for modern browser */
content:"";
clear:b......
続きを読む >>
2009.02.04
IE7.js使用時のさらなる回避
googleがmicrosoftのIE6以前のバージョンのバグに対応するJSを公開してくれている。
http://code.google.com/p/ie7-js/
PNG画像の透過が表示......
続きを読む >>