ヘッダーの内容が重複しています

相対配置された要素（本文の内容）の後に絶対配置された要素（ヘッダー）を配置しました。何らかの理由でIE8を除くすべてのブラウザで正常に動作します。ヘッダーは、絶対位置に配置されていないコンテンツ要素と重なっています。私が使用しているCSSルール：ヘッダーの内容が重複しています

#bodyContent{ 
    clear: both; 
    display: table; 
    width: 920px; 
    margin-top: 173px; 
    _margin-top: 178px; 
    position: relative; 
} 
#headerContainer { 
    position: absolute; 
    top: 0px; 
    left:0px; 
}

ヘッダ部がその位置に空間を有するコンテンツ要素postitionからレンダリングされます。

これはIE8のバグですか？誰も私がこの問題を整理するのを助けることができますか？

出典

2009-06-15 Anonymous

'headerContainer'に' height'を割り当てるとどうなりますか？ –

headerContainerで高さを使用しようとしましたが、まだ問題があります –

これは古いIE7バグのようですね。それらの間に要素を配置できますか？それは私のためにそれを固定した。

出典

2009-06-15 08:07:14 alex

「それらの間の要素」とは何ですか？ –

私も同様の問題がありました。問題を解決したfloatコマンドを使用しました。試してくださいfloat: left; in #headerContainer

出典

2009-06-15 08:10:42 Draco

これは私の問題でIE8で解決されていません他の解決策があります –

#headerContainerの高さと幅を設定するか、#bodyContentのz-indexを99999のような高い値に設定してみてください。 – Draco

headerContainerの内部div高さと幅を使用しています #header { 高さ：105px; background-image：url（../../ images/elements/centreHeaderBackground.gif）; background-repeat：no-repeat; background-position：bottom; display：table; 幅：920px; } 問題が存在するにもかかわらず、まだZ-インデックスを使用しています。ヘッダーは同じ内容要素に配置されています。 –

ヘッダーの内容が重複しています

答えて

関連する問題