IE6 CSSバグ - ULとLI

Question

IE6でのみ発生するCSSの問題があります。私は完全に困惑しており、他の誰かが助けてくれることを望んでいます。

IE6では、www.moneysupermarket.com/loansにアクセスして5年間で£5000のローンを検索すると、住宅ローン - 住宅ローンでローン結果ページが表示されます。

ページの下部にスクロールすると、個人価格設定の結果表が表示されます。

どのようにそれが必要と表示されている：

他のタブのいずれか、それをノックアウト上にクリックすると、ページが読み込まれると、それは右に見える場合。

困ったことに、IE6の開発ツールバーは多用されていません。タブを構成するULやLIのスタイルを変更すると、すぐに問題なく表示されます。 CSSファイルで同じ変更を加えて更新しても、動作していないようです。

私はhasLayoutの問題を認識していますが、display：inline-blockまたはheight：1％を要素に設定しても何もしていないようです。

ご意見やご支援をいただければ幸いです。

ありがとうございました

Answer 1

私はそれを自分で解決したと思います。

タブを静的に設定し、それに続く余白エラーを修正しました。

ありがとうございました

Answer 2

余白/パディングの問題のようです。明示的にmargin:0を以下のリストと表に設定してみてください。

Answer 3

私は問題を調べようとしていますが、「公平なプロファイル」または「不良プロファイル」タブをクリックすると、オブジェクトのインスタンスにオブジェクト参照が設定されていないというエラーが表示されます。

私は同じような問題を抱えていましたが、IDを持つucSearchResults_tbLoansResultsという名前のリストまたは親divに下の境界線を置いてみてください。これは問題の診断に役立つかもしれませんし、問題を修正する可能性もあります。

それを複製することはできませんが、私が調査することは非常に難しいです。リンク、リスト、上にhasLayoutを設定しようとしましたか？通常、私はズームを設定しようとする：1または同様の内側の要素の上で、そしてそれが動作するかどうかをテストする。

それ以外の場合は、最小のテストケースを作成して問題を最小構成部分に分けて修正してから修正してみてください。

JSエラーを修正するか、最小限のテストケースを提供できる場合は、さらに調査することができます。

敬具、 ナタリー

Answer 4

私はあなたのサイト上で指定された結果のページを見ているんだけど、そこにマークアップでリストを見つけていませんよ。それは単なるテーブルセルのように見えます。私の最初の提案だったCSSリセットが適用されているように見えます。私のアドバイスは、リセットスタイルシートをオンにし、他のスタイルシートを無効にして問題が続くかどうかを判断することです。私はFirebugの問題をFirefoxで診断します。

Answer 5

1つの問題は、空のdivがあり、IE6がテキスト用のスペースを予約することです。これを修正するためにline-heightとfont-sizeをゼロに設定することができます。もちろん、そのdivにテキストがある場合、それはうまくいかないでしょう。

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

コードを検証する必要があります。スパンに問題が発生する可能性のあるdivがあります。スパンは、ブロックレベルの要素を含むことができないインライン要素であり、各ブラウザはそれを別々にレンダリングします。