CSS
June 16, 2011 5:38 PM
CSS
ie7バグ
以外と多いie7のマージン関係のバグ。
<div>の中に<p>を入れ子にしてmargin-bottomを指定すると、なぜか<div>のほうにもmargin-bottomの値が反映されてしまう。そんな時はPのmargin-bottomを0にする。
それと、ie7で画像に隙間ができてしまう場合、その<div>にfont-size:1px;を設定する。
November 5, 2010 8:35 PM
CSS
ie7のマージンが無効になる場合
floatを設定しているclassにヨコ幅をautoとしている時、ie7のみmargin-bottomが無効になります。
その場合、ヨコの数値を入力するとmarginが有効になります。
September 17, 2010 4:45 PM
CSS
IE8のliに隙間ができる
リストで組んだ場合、IE8に妙な隙間ができます。
その場合、liタグにfont-size:1%;を指定して、さらにli a に、
line-height:normal;
を書き加えると直ります。
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）を入れ子にすると、ぴったり左に寄っちゃいます。
ふと気付いたので。
RSS Feed
