IE7 Debug Ausgabe - Absoluter Hintergrund

ich mit einem Hintergrund Thema für diese Seite ein Problem in IE habe: http://vitaminjdesign.com/IAM/company/IE7 Debug Ausgabe - Absoluter Hintergrund

In allen Browsern korrekt BUT in IE angezeigt. In IE7 ist das div, .aboutbg nach rechts weg. Hier ist mein HTML

<div id="companywrap"> 
    <ul id="leftcol"> 
    <li>nav item</li> 
    <li>nav item</li> 
    <li>nav item</li> 
    </ul> 

    <div id="rightcol"> 
     <h1 class="title">Parker Homescape <span>Company Overview</span></h1> 
     <div id="companytext"> 
    <a class="readmorehome" href="/press">VIEW PRESS & AWARDS</a> 
     </div> 
    </div> 
    <div class="aboutbg"></div> 
</div>

Grundsätzlich ist die companywrap relativ positioniert und die div .aboutbg absolut mit einem negativen z-index positioniert (so das Hintergrundbild ist wirklich im Hintergrund). Aus irgendeinem Grund in IE & wird der Hintergrund weit nach rechts angezeigt.

Das zweite Problem, das ich habe, ist mit dem Nav (ul id = "leftcol"). Schau es dir im IE7 an und du wirst sehen, was ich meine. Es scheint, dass Zeilenumbrüche eingefügt werden. Irgendwelche Ideen?

Quelle

2010-12-22 JCHASE11

Ich habe vielleicht das erste Problem (absolutes Hintergrundbild) nur teilweise gelöst. Jetzt ist das Hintergrundbild korrekt platziert, überlappt sich jedoch über der Trennlinie und der Fußzeile. Danke – JCHASE11

Erste Ausgabe: Ich sehe nicht einmal einen Hintergrund in IE7, und ich denke, dass es aufgrund der negativen Z-Index ist. Ihre Z-Indizes sind ziemlich wild - ich würde es vermeiden, Negative zu verwenden.

edit: Versuchen Sie zum Beispiel, indem Sie Ihren Z-Index auf .aboutbg auf 0 setzen, und starten Sie den Rest Ihrer Indizes von dort aus. Außerdem habe ich bemerkt, dass Sie eine Klasse für aboutbg verwenden, aber es gibt nur eine Instanz davon. Warum nicht stattdessen eine ID verwenden?

Zweites Problem: Ich bin mir nicht sicher, aber vielleicht versuchen Sie, eine bestimmte Zeilenhöhe zu ul # leftcol li hinzuzufügen - ich habe nichts in reset.css oder style.css gesehen.

Quelle

2010-12-22 21:26:38

danke, ich habe alle negativen Z-Index los, und änderte dann die Fußzeile div um eine relative Position und az-Index von 10 zu haben, so können sie die natürliche Reihenfolge des Z-Index – JCHASE11

immer noch ein Problem mit der zweiten Problem, wird eine andere SO Frage stellen. Danke – JCHASE11

Gern geschehen! Es freut mich, dass ich helfen konnte. –

Wenn ich mich erinnere IE7 funktioniert nicht gut mit negativen Z-Index. Oder irgendein Z-Index für diese Angelegenheit.

Geben Sie Ihrem CompanyWrap div einen Z-Index höher als das Aboutbg Div und ändern Sie den Aboutbg Z-Index zu einer positiven Zahl.

Quelle

2010-12-22 21:23:57 Cole

IE7 Debug Ausgabe - Absoluter Hintergrund

Antwort

Verwandte Themen