2012-01-11 13 views
0

上の境界線を遮断:私はIE7で表示すると、私が上でこのクラスを使用する場合IE7は私のCSSスタイルシートに以下のクラスを持つspanタグ

.errormsg { 
    border:solid 1px Red; 
    padding:5px 20px 5px 20px; 
    margin:5px; 
    color:Red; 
    font-size:medium; 
    font-weight:bold; 
} 

、上部と下部の境界線が遮断されますspanタグ。

IE7で動作させるには、何を追加する必要がありますか?

+0

なぜそれがSPANであり、DIVではないのですか? – FakeRainBrigand

+0

私は実際にCSSスタイルクラスから 'border'属性を削除しました。 –

答えて

0

<pan>要素は、特に指定しない限り、インライン要素として扱われます。あなたのCSSにdisplay: block;を追加してそこから行ってください。代わりに<div>を使用して、<div>がデフォルトでブロック要素として扱われるため、エラーメッセージをラップすることがあります。

3

私は、行の高さが十分に大きくないときに、このような問題に気付きました。少し増やしてみてください。

+1

+1 - 私のためにIE9のIE7バージョンで動作します:http://jsfiddle.net/HSbJt/2/ –

0

表示の問題を修正します<div>display: inline-block;を設定し、その幅は、まだテキストサイズに適応します: Demo

あなたはまたtext-shadowbox-shadow、およびgradientとで少しそれを整えることができan iconからiconfinderDemo

関連する問題