IE6 CSS Bug - ULs & LIs

Question

Ich habe ein CSS-Problem, das nur in IE6 auftritt. Ich bin völlig ratlos und hoffe, dass jemand anders helfen könnte.

In IE6, wenn Sie zu www.moneysupermarket.com/loans navigieren und suchen nach einem Darlehen von £ 5000 über 5 Jahre, Hausbesitzer - Mortgaged, erhalten Sie die Darlehen Ergebnisse Seite.

Scrollen Sie zum Ende der Seite und Sie sehen die Ergebnistabelle für Personal Pricing.

Wie es sollte, und ist mit:

Wenn es richtig aussieht, wenn die Seite geladen wird, auf eine der anderen Registerkarten klicken sie klopft.

Ärgerlich die IE6-Entwickler-Toolbar ist nicht viel nutzen. Sobald ich einen der Stile auf dem UL oder LI ändere, die die Registerkarten bilden, sieht es gut aus. Wenn ich dieselbe Änderung in der CSS-Datei mache und aktualisiere, scheint es nicht zu funktionieren.

Ich bin mir der hasLayout Problem bekannt, aber die Einstellung Display: Inline-Block oder Höhe: 1% zu Elementen scheint nichts zu tun.

Irgendwelche Vorschläge oder Hilfe würden geschätzt!

Dank

Answer 1

Ich denke, ich habe es selbst gelöst.

Ich legte die Registerkarten auf Position: statische und behoben die Rand Fehler, die dann folgten.

Dank all

Answer 2

Sieht aus wie eine Marge/padding Problem. Versuchen Sie explizit margin:0 in der Liste und Tabelle unten zu setzen.

Answer 3

Ich versuche, das Problem zu betrachten, aber wenn ich auf die Tabs 'faires Profil' oder 'schlechtes Profil' klicke, bekomme ich den Fehler 'Objektreferenz nicht auf eine Instanz eines Objekts gesetzt.

Ich habe ähnliche Probleme zuvor schon gesehen, versuche einen unteren Rand an die Liste oder das Eltern-Div mit der ID ucSearchResults_tbLoansResults zu setzen. Dies kann Ihnen helfen, das Problem zu diagnostizieren, es könnte es sogar beheben.

Ohne in der Lage zu sein, es zu replizieren, ist es sehr schwierig für mich zu untersuchen. Hast du versucht, hasLayout auf den Links, den Listen und oben zu setzen? normalerweise versuche ich zoom: 1 oder ähnlich auf den innersten elementen und dann aus zu testen, ob das funktioniert.

Andernfalls versuchen Sie, einen minimalen Testfall zu erstellen, indem Sie das Problem auf seine kleinsten Bestandteile reduzieren und dann das Problem beheben.

Wenn Sie entweder den JS-Fehler beheben oder einen minimalen Testfall bereitstellen können, kann ich für Sie weiter untersuchen.

Mit freundlichen Grüßen, Natalie

Answer 4

Ich freue mich auf den Ergebnissen Seite findet man auf der Website angegeben, aber ich bin nicht eine Liste, in den Auszeichnungs dort zu finden. Es scheint nur eine Tabellenzelle zu sein. Es sieht so aus, als ob ein CSS-Reset angewendet wird, was mein erster Vorschlag gewesen wäre. Mein Rat ist, mit dem Reset-Stylesheet zu beginnen und Ihre anderen Stylesheets zu deaktivieren, um festzustellen, ob das Problem weiterhin besteht. Ich würde das Problem mit Firebug in Firefox diagnostizieren.

Answer 5

Ein Problem ist, dass Sie ein leeres Div haben und IE6 Platz für Text reservieren wird. Sie können Zeilenhöhe und Schriftgröße auf Null setzen, um das zu beheben. Natürlich, wenn das Div in einigen Fällen Text hat, wird das nicht funktionieren.

.msfg-money-loans-searchresultspersonal .msfg-repeater 
{ 
    border: 1px solid #1A2F9B; 
    width:800px; 
    line-height:0; 
    font-size:0; 
} 

Sie sollten Ihren Code überprüfen. Sie haben divs in Spannen, die Probleme verursachen können. Span ist ein Inline-Element, das keine Elemente auf Blockebene enthalten kann und jeder Browser rendert dies anders.