IEとその他のブラウザの表示
よろしくお願いします
現在、2段落の段組をCSSで行っています
但し、1段落目と2段落目にはマージンを指定しています
そこで質問なのですが
どこかのサイトでfloatとmarginは一緒に指定しないほうが良いというのを見たので
---------------------------------
style.css
---------------------------------
div.box_left_outer{
width: 300px;
background-color: #FFF9E5;
float: left;
}
div.box_left{
width: 260px;
margin: 20px 20px 20px 20px;
}
div.box_right_outer{
width: 310px;
float: left;
}
div.box_right_outer2{
width: 300px;
margin-left: 10px;
background-color: #FFF9E5;
}
div.box_right{
width: 260px;
margin: 20px 20px 20px 20px;
}
---------------------------------
test.html
---------------------------------
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="./style.css" type="text/css">
</head>
<body>
<div class="box_left_outer">
<div class="box_left">
テキスト
</div>
</div>
<div class="box_right_outer">
<div class="box_right_outer2">
<div class="box_right">
テキスト
</div>
</div>
<body>
</html>
という風に書いているのですが
IEだと意図した表示になるのですが
Firefoxやその他のブラウザだと右側の段組のマージンの箇所が
1つ上のdivについている感じになります
Firefoxなどでも同じ表示にするにはどうしたらいいでしょうか？
よろしくお願いします
お礼
z-indexで解決しました！ ついfloatを使う事にこだわってしまって、positionを使えば良いという事に気付きませんでした（今まで使った事なかったもので・・・） おかげさまで無事にテキストボックスが選択できるようになりました。 本当にありがとうございました。