/* CSS・スタイルシート質問スレッド【55th】*/
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の中央に表示されないのはどこが悪いのでしょうか。
わからん・・・
406 :
402:2006/04/14(金) 14:05:09 ID:???
書き方が悪くてすみません。
縦中央配置をしたかったのではなく、
入れ子の際に縦方向のmarginの値が反映されない理由が分かればとのことでした。
>>406 Win2000IE6/Fx1.5.12、N7.1でmarginが効いていること確認。
nn opera fx 共にダメ
>>406 div.aにborderをつけると、縦marginが反映されるようにならない?
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の状態(リンクを貼った画像にマウスを載せた)の下線が消えません。
どういった指定にしてあげればよいのでしょうか。
412 :
402:2006/04/14(金) 14:33:27 ID:???
>>409 ありがとうございます、反映されました。
それにしても不思議です。
ネスケのほうがIEにくらべ正しくCSSを解釈するそうですが、
これもその一つなのでしょうか。
a:link img〜は無しにして、img{border:none;}だけでいいと思うが。
>>406 WinXP IE6、Firefox1.5、Oprera8.54で問題無し。
>>408の環境詳細は?
>>408 borderなんか無しでもmarginは効いてる。
>>412 バグなのか調べてないけど、なぜか
divだけだとmargin・paddingの基準としてみてくれないんだよね。
macだとIE以外全部そうだし。。
416 :
402:2006/04/14(金) 14:44:10 ID:???
>>414 私のとこではWin98+Firefox1.5でだめでした。