2011-06-30 11 views
1

私は非常に奇妙な問題を抱えており、それを解決する手がかりがありません。問題が発生した場所のウェブページには、いくつかのクリック可能な画像が横にあるdivがあります。クリック可能な画像()をホバリングすると、15ピクセルの境界線が色を変え、ホバリング状態を離れるときに境界線の色が元の色に再び変化します。奇妙な問題は、div内の画像をホバーするか、ホバー状態を離れると、divの下の余白が拡大し続けていることです。これは絶対に受け入れられないことです。 この問題はIE9でのみ発生します。 ChromeとFirefoxは正常に動作します。以前のIEバージョンではテストしていません。この問題を解決する上IE9 img hover add to margin to bottom

#content_links #fotos #foto{ 
    text-align: center; 
    width: 488px; 
    overflow-y: hidden; 
    white-space: nowrap; 
    margin-left: 22px; 
    margin-bottom: 70px; 
} 

#content_links #fotos #foto a{ 
    text-decoration: none; 
} 

#content_links #fotos #foto img{ 
    margin-left: 3px; 
    margin-right: 3px; 
    margin-bottom: 6px; 
    border: 3px solid silver; 
    border-bottom-width: 15px; 
} 

#content_links #fotos #foto a:hover img{ 
    border: 3px black solid; 
    border-bottom-width: 15px; 
} 

どれ手がかり: 私はこの問題は、以下のCSS文であるかもしれないと思いますか?事前のおかげで、

トーマス

+0

divをオーバーフローさせた場合、同じ問題が発生します。 divをオーバーフローせずにすべてのコンテンツを格納するのに十分な大きさに修正すると、問題は発生しません。 – RustyTheBoyRobot

答えて

0

はあなたのhtmlのためのDOCTYPEを宣言したことがありますか?私はIEと罫線なしで奇妙なことに気付きました。私はこれがIE 9に当てはまるかどうかはわかりません。

cssについてはhereを、インターネットエクスプローラとの互換性を参照してください。

+0

はい私はdoctypeを宣言しました。私は物事を試してきましたが、問題はあふれているようです。ステートメント。その行を削除すると、問題はなくなります。私はそれを隠す必要があるので、それは満足のいく解決策ではありません。 – TMeersschaert