div+cssIE6,7,8兼容的一個(gè)實(shí)例_html/css

原css代碼
.ul_con li { line-height:170%; float:left; width:100%;_width:100%; text-align:left; font-size:13px; border-bottom:solid 1px #ececec; background-image: url('/village/content/icon/title.gif');background-repeat: no-repeat;background-position:left center; padding-left:10px;float:left; POSITION: relative;}

ie7,8下沒問題，ie6下 ul表的總寬度增長(zhǎng)了10px,界面難看死了。開始以ie6下會(huì)加上他的pading值。找了資料都說不會(huì)加的，只有firefox下才會(huì)加的。
冥思苦想后，原來我這個(gè)在ie6下 顯示的寬度是 li的padding+a的width=10+100%難怪會(huì)增加。現(xiàn)在我把padding寫在a里面 問題解決
代碼如下：
.ul_con li { line-height:170%; float:left; width:100%;_width:100%; text-align:left; font-size:13px; border-bottom:solid 1px #ececec; }
.ul_con li a{background-image: url('/village/content/icon/title.gif');background-repeat: no-repeat;background-position:left center; padding-left:10px;float:left; POSITION: relative;}

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com