003CSS
May 24, 2010 4:51 PM
CSS
ie6の画像にできてしまうマージン
imgにvertical-align:bottom;を設定すると回避できる。
その他背景やボトムに画像を置く場合、そのdivにfont-size:0pxを記述すると回避する事ができる。
原因は、フォントサイズよりも、heightのサイズの方が小さい為、
フォントサイズの縦幅が優先されてしまう為に起こるそうです。
March 6, 2009 5:44 PM
CSS
text-align × margin:auto
Win IE6ではtext-alignの勝ちでした。
例えば…
#containerにtext-align-leftを記述して(width:900px)その中に、左右のmarginをautoと記述した#wrap(width:860px)を入れ子にすると、ぴったり左に寄っちゃいます。
ふと気付いたので。
December 18, 2008 8:49 AM
CSS
テキストなどが欠けて表示される
CSSを書いていて、文字が数ピクセル欠けて表示されることがあります。
その原因の一つが、floatとline-heightを一緒に指定してる場合にこの現象が起こります。
親要素に指定されている時なども起こるようです。
対処として、そのCSSにline-heightをさらに指定すると回避できます。
ただ、IE6の対処なので、スターハックで指定となります。
July 19, 2008 6:51 PM
CSS
テキスト選択時の色を変える
テキストを選択した時に、
::-moz-selection{
background:背景色;
color:文字色;
}
上記で色を変えられます。
CSS3をサポートしたブラウザ以外は無視されるそうですが。。。
March 11, 2008 7:01 PM
CSS
floatするとmargin2倍
float指定しているdivやclassにはdisplay:inlineを設定しないとmarginの幅が2倍になる。
