2011-06-23 16 views
0

私はウェブページを構築しました。IE7以上ではすべてが素晴らしいようですが、IE6ではうまく見えません。IE6にdivが表示されない

私は表示されていない背景画像を持つdiv全体を持っています。

これはなぜですか?私のCSSにはうまくいかない一般的なことがありますか?私は通常IE6をサポートしていないので、通常これらのことを理解する必要はありませんが、私のクライアントはIE6で作業したいと指定しています。

ここにサイトがあります。うん、現代のブラウザではかなりいいサイトです! http://www.replyonline.co.uk/ie6sucks/index.html - コードを見れば気軽に閲覧できます(IE6固有のスタイルシートがビューソースにあります:http://www.replyonline.co.uk/ie6sucks/css/anythingslider-ie.cssここで私はいくつかの既存の。問題

おかげ

+0

私に迷惑をかけていることの1つに、ラッパーの右側に大きな余白があるようですが、何も起こっていないようです。 – Tim

+3

IE6は蒸し糞の積み荷である可能性がありますか? :-) – paxdiablo

+2

IE6をサポートしないという選択肢がありますが、Googleはこれをサポートしなくなりました。他の人も持っています。 – Tomgrohl

答えて

1

私はIE6はここに私と一緒にインストールしていますが、ここではいくつかのヒントですしないでください。

それは最も可能性の高いポジショニング(「hasLayout」)の問題だzoom: 1上を設定してみてください欠落しているDIVまたはその親(類)。position: relativeまたはその両方の組み合わせについても同様です。

また、c PIEの内容を隠すバグのいくつかを確認してください。

Internet Explorerの開発者用ツールバーを使用して、http://www.microsoft.com/downloads/en/details.aspx?FamilyID=95e06cbe-4940-4218-b75d-b8856fced535の一部を試すことができます。ただし、一部のバグは、開発者用ツールバーのCSSを操作している間ではなく、フルページのリロード時にのみ表示されるか、または修正されることに注意してください。

また、XRAY(http://www.westciv.com/xray)を使用して、要素がどのように動作するかを確認してください。

「レイアウトあり」の詳細については、http://www.satzansatz.de/cssd/onhavinglayout.htmlを参照してください。

+0

良い答え..たくさんの情報があります。 –

0

1 - あなたのサイトが有効であることを確認してください:W3C Validator現在、あなたはそうではありません(146エラー、16警告)。

2 - IEの厄介なバグはmargin/paddingです。要素の左右に何かがある場合は、display: inlineまたはinline-blockを実行する必要があります。

私はこれが助けることができるような小さな事を発見しました。あなたはあまりにも多くの終値divタグ

+0

ありがとう、ちょうど私のコントロールを主に超えて、24のエラーにサイトの検証を減らすために管理。私は他のものを見てみましょう。 – Tim

+0

ええ、あなたは 'alt'ビットをメジャーではないとして無視することができます。 – Tomgrohl

0

それは私が唯一ietester、私のマシン上でIE6の作業コピーを持っていないので、デバッグにトリッキーだを持っているかもしれませんが、そこに知られているよう

は、W3Cの結果を見ると、それが見えます背景画像を適切に表示するために、サイズを適切に計算しないie6で問題が発生します。

答えは一般的に要素にhasLayoutをトリガーすることです。これを行う最も簡単な方法はposition:relativeです。私は何かの前に行くことを与えたい。

html5boilerplateスタイルシートを参考にして、使用できるものがあるかどうかを確認することをおすすめします。リセット/再割り当てのCSSは、単に華麗であり、多くのCSSの問題を解決します。

運が良かった!

関連する問題