Drupal：IEの互換性の問題

Question

Drupal 6で作成されたサイトで問題が発生しましたが、IEでは互換性がありません。 Drupalに精通している人なら、ただちにWebサイトを見て、何か飛びぬけたら教えてください。

http://freespiriteurodesign.com.b1.bloomsite.net/

それはおそらくCSSです：本当に私は画像が一度隣同士に繰り返していたように見えるということです混乱している「ホバー」、「フロート」または「表示」の問題が、何 - 私に説明してみましょう、（ホバー効果を作成するために最初の3つをオーバーレイする3つの合計6つの画像があります）IEでそれは12の合計があるように見えます（画像とオーバーレイが繰り返されている）お互い。それは、Firefoxのように見えると思われるものを見れば、Firefoxで正しく表示されます。私はすべてのフォーラムで似たような問題を探していましたが、一晩中立ち上がっていましたが、何も出てこなかったのです。

私はちょうど...おそらくDrupalのに非常に精通誰かがそれは彼らが前に対処してきた何かのように見えると思いますし、私の出発点を与えるかもしれないことを

PSを考えました。 （オハイオ州と、私は実際の問題は、互換性モードでサイトを置くタグを使用するだけではない）を理解したい - すべての考えをありがとう！

Answer 1

[OK]を、あなたのソースを見た後、私はあなたのアンカータグ内のdivをネストされていることがわかり、私はそれが有効なHTMLではないとしてそれはあなたの問題であると言うでしょう。その代わり

<a href="/design"> 
    <div class="desgn_bx">...</div> 
</a> 

、巣div要素他の方法は、周りので、あなたのHTMLは次のとおりです。

.desgn_bx { 
    position: relative; 
} 

.desgn_bx a { 
    *background-color: inherit; /* add these for IE7 as it does */ 
    *filter: alpha(opacity=10); /* not like boxes with no content */ 
    bottom: 0; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 10; 
} 

：

<div class="desgn_bx"> 
    <a href="/design"></a> 
    <!-- rest of your content --> 
</div> 

は、その後、次のCSSを追加します0

これはアンカータグが.desgn_bx要素の完全な高さと幅をとるように強制します。