Header überlappen den Inhalt

Ich habe ein absolut positioniertes Element (Header) nach relativ positionierten Element (Körperinhalt) platziert. Aus irgendeinem Grund und dies funktioniert in allen Browsern außer IE8. Die Kopfzeile überlappt das Inhaltselement mit der Position nicht an der absoluten Position. Die CSS-Regeln, die ich verwendet habe:Header überlappen den Inhalt

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

Der Kopfteil wird aus dem Inhaltselement Postition mit Platz Rendering in seiner Position.

Ist das der Fehler in IE8? Kann mir jemand helfen, dieses Problem zu lösen?

Quelle

2009-06-15 Anonymous

Was passiert, wenn Sie 'headerContainer' eine' height' zuweisen? –

Ich habe versucht, Höhe mit headerContainer immer noch das Problem besteht –

Das klingt wie ein alter IE7 Bug .. können Sie ein Element zwischen ihnen platzieren? Das hat es für mich behoben.

Quelle

2009-06-15 08:07:14 alex

Könnten Sie mir bitte sagen, was das "Element zwischen ihnen" bedeutet. –

Ich hatte auch ähnliche Probleme. Ich habe den Befehl float verwendet, der das Problem gelöst hat. Versuchen Sie ; in #headerContainer

Quelle

2009-06-15 08:10:42 Draco

Dies hat nicht gelöst für mein Problem in IE8 Gibt es eine andere Lösung –

Versuchen Sie die Höhe und Breite von #headerContainer oder vielleicht sogar versuchen, den Z-Index von #bodyContent auf einen hohen Wert wie 99999 – Draco

Das innere div von headerContainer verwendet Höhe und Breite #header { Höhe: 105px; Hintergrundbild: URL (../../ images/elements/centreHeaderBackground.gif); Hintergrund-Wiederholung: keine Wiederholung; Hintergrund-Position: unten; Anzeige: Tabelle; Breite: 920px; } Ich habe Z-Index immer noch das Problem existiert.Noch die Kopfzeile ist über das gleiche Inhaltselement platziert –

Antwort

Verwandte Themen