2009-05-29 8 views
0

かなり小さく、シンプルなレイアウトで作業するため、MeyerのCSS Resetルールを使用して、ブラウザ間の予想される不一致の一部を解消することにしました。私はいくつかの段落をいくつかのネストされたdivに追加することに決めてしまうまで、すべてはかなりうまくいっていました。IE7でMeyerのリセットと競合する段落タグはありますか?

2番目のネストされたdiv内に段落タグを配置すると、親と親のdivの両方の背景イメージがIE7でなくなりました。

段落タグを削除する(タグなしテキストを使用する)と、背景イメージが返されます。さらに、タグを残して、reset.cssファイルへの参照を削除すると、バックグラウンドイメージが復元されます。

明らかに、私はこの問題を解決するためにこれらのルートのいずれかに行きたくありません。ここにいるCSSの達人は何が起こっているのか知っていますか?

デモ:私はreset.cssファイルから以下のルールを削除すると奇妙なhttp://www.sampsonresume.com/projects/patriot-depot/

+1

私の勘違いは、IE7で透明な背景を持っておらず、あなたのdivの背景を隠しているということです。 –

+0

このシナリオでは、私が間違っていなければ、段落間の余白部分に背景のストリップが表示されます。それは本当に非常に奇妙な効果です。 – Sampson

答えて

1

IEで消えているコンテンツバグのようです。

zoom:1をdiv.pd_horiz_contentとdiv.pd_horiz_content_bに追加します。 IEで 'hasLayout'が呼び出され、背景が表示されます。

ディメンション(幅:960ピクセル)をディメンションに追加して、hasLayoutを呼び出すこともできます。 divの幅が背景画像に基づいて固定されているため、これはおそらくあなたのケースではより意味をなさないでしょう。

+0

興味深い。それもうまくいった。 – Sampson

1

、問題が解決されます。

background:transparent

このルールが一致したの最初の大きなブロックに適用されます要素のため、長期的にはどうなるのか分かりません。うまくいけば、私の問題を「修正」するためにMeyersのreset.cssを編集するのは少し不安ですので、より良い解決策があることを願っています。

関連する問題