2007年8月19日 - 2007年8月25日

CSS HACK　IE6.0 IE7.0用

インターネットエクスプローラー6.0と7.0
それぞれに適応させることができる最近知ったCSS hackをご紹介します。

/*-----start------*/

_div.d-log{
margin:0;
padding:5px;
}

*div.d-log
margin:0;
padding:0px;
}

/*-------end-0----*/

_をつけるとIE6に適用されます。
*をつけるとIE7に適応されます。
また、構文的にも問題ないようです。。たぶん。

<!--[if IE]><link rel="stylesheet" type="text/css" href="IE6以下用.css"><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="IE7用.css"><![endif]-->

として別にCSSハック用のCSSを作成しても良いですね。
初歩的なものですが覚えておいても損はないかと。。

寂しいとき悲しいとき、、
みなさんはどうやって過ごしますか？

日時: 2007年8月19日 22:34 | | コメント (12) | トラックバック (0)

CSSの不思議！？

#wrapper{
margin:0 auto;
}

と設定してなにかの原因でIE6だけ中央寄せにできなくて左に寄っちゃって困ったなーと思ったら

body{
text-align:center;
}
#wrapper{
margin:0 auto;
text-align:left;
}

にしたらFirefox,IE7,IE6ともに中央寄せになったから良かった～と思ったけど
普通はwrapperにmargin:0 auto;だけでいけると思ったのになんでかなー
まぁいいか問題は解決したしね。

floatとmarginを一緒に使ってしまうとmarginが2倍になってしまうIE6のバグでも説明しちゃいますかね。

【例１】
#cat{
float:left;
margin:5px;
}

だとmarginが2倍の10pxとしてIE6では表示されてしまうけど

【例２】
#cat{
float:left;
margin:5px;
display:inline;
}

というようにdisplay:inlineをつけるとIE6でも5pxとして表示してくれます。
まぁ知ってる人はしっているメジャーなcssハックですね。
これだとエラーもはかれないし、ただたまにpaddingとかと一緒にかけるとバグったりします。

ご参考まで 

日時: 2007年8月23日 01:11 | | コメント (0) | トラックバック (0)

今が旬なお勧めサイトのご紹介！！

富貴蘭の事ならシード園芸

FX情報