IE8打逗與列表樣式位置：內

所以問題...使用列表樣式位置時：在裏面IE8第一喜歡的是縮進但在那之後的每行不。所以新的線條出現在子彈的下面。

這很好，但是當我在li中使用帶有標籤的css列表時，文本自動被推送到第二行，並且第一行是空的。

ie8 bug http://www.rocketspark.co.nz/bug_images/ie8_list.png

當我從裏取出一個標籤然後跳回了。

任何想法，爲什麼這可能是或這是一個在ie8世界的錯誤，或者我只需要仔細檢查我的CSS？

任何見解將不勝感激。

至於問這裏是一些代碼

<div id="sub_nav"> 
<ul> 
...  
<li><a class="active_page" href="#">Liposculpture</a> 
<ul> 
<li><a href="#">What is Liposculpture?</a></li> 
<li><a href="#">About Liposculpture surgery</a></li> 
<li><a href="#" class="active_sub">After Liposculpture surgery</a></li> 
<li><a href="#">Post Op Instructions</a></li> 
<li><a href="#">Liposculpture Side Effects</a></li> 
<li><a href="#">Liposuction Introduction to</a></li> 
<li><a href="#">Tumescent Liposculpture</a></li> 
</ul> 
</li> 
... 
</ul> 
</div>

對於CSS我會盡量表現得好，我可以

#sub_nav li { 
    width: 200px; 
    padding:4px 0; 
    border-bottom: 1px #CCC solid; 
} 

#sub_nav li a { 
    text-decoration: none; 
    color:#555; 
    padding:7px 15px 7px 15px; 
    display: block; 
} 

#sub_nav li ul li { 
    list-style-position: inside; 
    list-style-type: disc; 
    font: 11px Arial; 
    padding-left:15px; 
    color:#FFF; 
    border-bottom: none; 
} 

#sub_nav li ul li a { 
    padding:0; 
    margin:0; 
    text-indent: 0; 
}

希望這有助於

來源

2010-05-10 LeeR

你能否提供一些代碼？ – MartinodF 2010-05-10 01:30:40

完成...希望這有助於 – LeeR 2010-05-10 10:55:54

嗯......看起來IE8在計算「a」（顯示爲塊）的寬度並將其推到新行時看起來有問題。我會嘗試的第一件事就是將寬度添加到「a」元素，以查看是否是問題所在。有沒有任何URL可以看到問題（好吧，我可以用你的代碼創建一個，但我感覺很慵懶; D） – salgiza 2010-05-12 16:17:23

@salgiza貼出答案的上面的評論......「看起來IE8在計算」a「（顯示爲塊）的寬度並將其推到新行時會遇到問題。我會嘗試的第一件事是添加一個wid到「a」元素，看看這是不是問題。「

來源

2012-06-04 22:43:16

變化

#sub_nav li a { 
    text-decoration: none; 
    color:#555; 
    padding:7px 15px 7px 15px; 
    display: block; 
}

到

#sub_nav li a { 
    text-decoration: none; 
    color:#555; 
    padding:7px 15px 7px 15px; 
    display: inline-block; 
    *display: inline; 
    *zoom: 1; 
}

來源

2012-07-08 15:04:25

IE8打逗與列表樣式位置：內

回答

相關問題