CSSコミュのFirefoxとNNで正しく表示されない。

質問失礼します。

ボックスで囲ったのをpositionで絶対配置をくんだのですが、
IEでは正しく表示されるのがFirefoxとNNでは下にずれて表示されてしまいます。
ちなみにFirefoxは1.5.0.3でNNは7.1です。

ソースはコチラになります。

CSSソース
-------------------------------------------

div#navi11 {
background-color:#919BC8;
width:280px;
position:absolute; top:155px; left:570px;
}

-------------------------------------------

よろしくお願いいたします。

コメント(5)

最初
全て
最新の40件

[1] mixiユーザー 05月11日 11:05

自己解決しました。

positionをrelativeで設定して、マージンで設定したところうまく表示できるようになりました。

[2] mixiユーザー 05月11日 11:44

position:absolute　関連を質問される場合、
当該division「div#navi11」だけでなく、このdivを包含している親の要素についての情報も書き加えるべきかと思います。
なぜなら、position:absolute設定の場合、親の座標軸を使うからです（その親がposition:absoluteかposition:relativeの場合）。
CSSだけでなく、HTML内部のそれら要素の記述も必要かと。

これらが無いと（私なら）答えられないです。

[3] mixiユーザー 05月11日 14:07

ご指摘ありがとうございます。

ちなみに親の座標はabsoluteもrelativeも指定してないのでのせませんでした。

HTMLもただ、ロールオーバーイメージを4つだけ置いてあるだけだったので省いてしまいました。

次回からは気をつけますね。

[4] mixiユーザー 05月11日 14:40

どうでもいい話しですが

「IEでは正しく表示される」てのは、基本的にIE"が"おかしいってのが世の正しい認識なので、なるべくCSS実装がまともなUA(Firefox、他)で表示確認してIE側を調整ってしていった方がいいですよ

[5] mixiユーザー 05月11日 18:01

なるほど。
さらにご指摘ありがとうございます。

色々勉強になります・・・。

ログインすると、みんなのコメントがもっと見れるよ