デザイン 制作 DTP 広告 WEB制作 Design art works|self-hate.com

2011年9月 :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

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;を設定する。

コメント (0)トラックバック (0)

November 5, 2010 8:35 PM

CSS

ie7のマージンが無効になる場合

floatを設定しているclassにヨコ幅をautoとしている時、ie7のみmargin-bottomが無効になります。
その場合、ヨコの数値を入力するとmarginが有効になります。

コメント (0)トラックバック (0)

September 17, 2010 4:45 PM

CSS

IE8のliに隙間ができる

リストで組んだ場合、IE8に妙な隙間ができます。


その場合、liタグにfont-size:1%;を指定して、さらにli a に、
line-height:normal;

を書き加えると直ります。

コメント (0)トラックバック (0)

May 24, 2010 4:51 PM

CSS

ie6の画像にできてしまうマージン

imgにvertical-align:bottom;を設定すると回避できる。


その他背景やボトムに画像を置く場合、そのdivにfont-size:0pxを記述すると回避する事ができる。


原因は、フォントサイズよりも、heightのサイズの方が小さい為、
フォントサイズの縦幅が優先されてしまう為に起こるそうです。

コメント (0)トラックバック (0)

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)を入れ子にすると、ぴったり左に寄っちゃいます。

ふと気付いたので。

コメント (0)トラックバック (0)