2011-08-03 15 views
-1

asp.netプロジェクトにasp:buttonを使用しています。 私は1つのCSSクラスを書きました。 asp:buttonにCSSスタイルとshow imageを完全に適用します。
FF、Safari、IE8では正常に動作しています。 しかし、CSSクラスはIE7では動作しません。どのように解決するのですか?そして、私のコードは次のとおりです。IE7のCSS問題

.likeImage { 
    background-image:url('images/LikeNew.png'); 
    background-repeat:no-repeat; 
    background-position:top left; 
    width:65px; 
    height:24px; 
    cursor:default; 
    text-align:left; 
    padding-left:5px; 
    margin:0px; 
    padding:0px; 
} 
+0

何が問題なのですか? – tskuzzy

+1

2つのパディングがパディング - 左にあります。5pxとパディング:0px。パディングを削除する:0pxまたはパディングのみを与える:0 0 0 5px;私はこれが問題を引き起こさないことを願っています。 –

答えて

1

あなたは、これは正しい方法ではありません(padding-left:5px;)(padding:0)を使用しました。 そのままご利用ください

padding:5px; 

次にご確認ください。

+0

padding-left:5pxはあなたのパディングと同じではありません:5px、パディングする必要があります:0 0 0 5px – shaggy

+0

ありがとう – Shankaralwar

0

ボーダーを追加:0; ASPのためのあなたのCSSで:ボタン

+0

このヒントはありがとうございます。私はasp:buttonの枠線0を追加しました。 IE7で私にとって完璧に動作します。 – Shankaralwar

1

はこれを試してみてください。他のブラウザでは、ブロックの外側に向かってパディングを計算しながら

padding: 0 0 0 5px; 
0

Internet Explorerは、ブロックの内側に向かってパディングを計算します。

IEの場合、Actual Width = CSS widthです。

その他、Actual Width = CSS width + Left Padding + Right Padding

2番目は、W3Cによって承認された標準CSSです。