IE 6,7,8対応のdiv+cssの例_html/css_WEB-ITnose

============ie6 と ie8 の間のパディング問題を解決する==========
最初は、ie6 では width=width+pading を表示するためにパディングが追加されているといつも思っていました。実際にはそうではありません。IE で情報が見つからない場合は、CSS 設定を確認する必要があります。
フロントエンド コード:

< HeaderTemplate>

• /content/ <%# Eval("id")%>.do">· <%# Common.GetLeftstring(Eval("title").ToString(), 22)%>< /li>

オリジナルの CSS コード
ul_con li { 行の高さ: 170%; 浮動小数点数: 100%; フォントサイズ: 13px; 背景画像: URL ('/village/content/icon/title.gif ');background-repeat: no-repeat;background-position:left center;padding-left:10px;float:left;

以下では問題ありませんie7 と 8 では、ul テーブルの合計幅が ie6 10px 未満で増加し、インターフェイスが醜くなります。 IE6 以降、パディング値が追加されます。情報を調べたところ、追加されず、Firefox でのみ追加できるとのことでした。

よく考えてみると、IE6で表示される幅は、liのpadding + aのwidth=10+100%となり、増加するのも不思議ではありません。ここで、 a にパディングを記述して問題を解決します。 コードは次のとおりです。 -size: 13px; border-bottom:solid 1px #ececec; }
.ul_con li a{background-image: url('/village/content/icon/title.gif');background-repeat: no-repeat;background -位置: 左中央; 浮動小数点: 左; }