/* CSS・スタイルシート質問スレッド【55th】*/

このエントリーをはてなブックマークに追加
402Name_Not_Found
div.a{
height: 400px;
width: 400px;
background-color: #f00;
margin: 100px;
}
div.b{
height: 200px;
width: 200px;
background-color: #00f;
margin: 100px;
}
<div class="a"><div class="b"></div></div>

↑の入れ子の状態の時にネスケでは横方向のmarginは効くのですが、
縦方向ではbがaの中央に表示されないのはどこが悪いのでしょうか。
403Name_Not_Found:2006/04/14(金) 11:50:32 ID:???
わからん・・・
404Name_Not_Found:2006/04/14(金) 12:22:23 ID:???
>>402
つテンプレ
405Name_Not_Found:2006/04/14(金) 13:45:44 ID:???
FAQのA6。>>7だ。
406402:2006/04/14(金) 14:05:09 ID:???
書き方が悪くてすみません。
縦中央配置をしたかったのではなく、
入れ子の際に縦方向のmarginの値が反映されない理由が分かればとのことでした。
407Name_Not_Found:2006/04/14(金) 14:09:39 ID:???
>>406
Win2000IE6/Fx1.5.12、N7.1でmarginが効いていること確認。
408Name_Not_Found:2006/04/14(金) 14:14:08 ID:???
nn opera fx 共にダメ
409Name_Not_Found:2006/04/14(金) 14:20:39 ID:???
>>406
div.aにborderをつけると、縦marginが反映されるようにならない?
410Name_Not_Found:2006/04/14(金) 14:22:36 ID:???
a要素に

a:link {
text-decoration:none;
background-image:url("./image/dashed.gif");
background-repeat:repeat-x;
background-position:bottom;
}
a:hover, a:active {
text-decoration:none;
background-image:url("./image/solid.gif");
background-repeat:repeat-x;
background-position:bottom;
}

と、画像で下線を指定した場合に

a:link img, a:hover img, a:active img, a:visited img {
border:none;
background-image:none;
}

と、a:linkの状態(画像にリンクを貼った)は消えているのですが
a:hoverの状態(リンクを貼った画像にマウスを載せた)の下線が消えません。
どういった指定にしてあげればよいのでしょうか。
411Name_Not_Found:2006/04/14(金) 14:28:02 ID:???
>>410
a, a:link { 〜〜〜 }
412402:2006/04/14(金) 14:33:27 ID:???
>>409
ありがとうございます、反映されました。
それにしても不思議です。
ネスケのほうがIEにくらべ正しくCSSを解釈するそうですが、
これもその一つなのでしょうか。
413Name_Not_Found:2006/04/14(金) 14:34:13 ID:???
a:link img〜は無しにして、img{border:none;}だけでいいと思うが。
414Name_Not_Found:2006/04/14(金) 14:34:54 ID:???
>>406 WinXP IE6、Firefox1.5、Oprera8.54で問題無し。>>408の環境詳細は?
>>408 borderなんか無しでもmarginは効いてる。
415Name_Not_Found:2006/04/14(金) 14:40:25 ID:???
>>412
バグなのか調べてないけど、なぜか
divだけだとmargin・paddingの基準としてみてくれないんだよね。
macだとIE以外全部そうだし。。
416402:2006/04/14(金) 14:44:10 ID:???
>>414
私のとこではWin98+Firefox1.5でだめでした。
417Name_Not_Found:2006/04/14(金) 14:46:22 ID:???
>>414は間違った。別のスタイルでborderが効いてた、ゴメン。
これ関係あるか?

親にボーダーを設置した要素を持つ要素のマージン設置が正しくない(5.x/6.0)
http://cssbug.at.infoseek.co.jp/detail/winie/b134.html
418Name_Not_Found:2006/04/14(金) 14:47:09 ID:???
>>415 報告してみよう。↓
CSS/DHTMLバグ辞典スレッド 第5版
 http://pc8.2ch.net/test/read.cgi/hp/1144494359/l50