CSS：水平製表符在IE6和Firefox中垂直顯示

我有一些CSS和HTML水平製表符，可以在jsfiddle中完美工作。但是，在Firefox 13和IE6（我最需要這個工作的瀏覽器）中，選項卡顯示爲垂直無序列表。CSS：水平製表符在IE6和Firefox中垂直顯示

這裏是CSS：

.tablist 
{ 
    list-style:none; 
    height:2em; 
    padding:0; 
    margin:0; 
    border: none; 
} 
.tablist li 
{ 
    display:inline-block; 
    float: left; 
} 

.tablist li a 
{ 
    float: left; 
    margin-right:0.13em; 
    padding:0 1em; 
    text-decoration:none; 
    border:0.06em solid #000; 
    border-bottom:0; 
    font:bold 0.88em/2em arial,geneva,helvetica,sans-serif; 
    color:#000; 
    background-color:#ccc; 

    /* CSS 3 elements */ 
    webkit-border-top-right-radius:0.50em; 
    -webkit-border-top-left-radius:0.50em; 
    -moz-border-radius-topright:0.50em; 
    -moz-border-radius-topleft:0.50em; 
    border-top-right-radius:0.50em; 
    border-top-left-radius:0.50em; 
} 

.tablist li a:hover 
{ 
    background:#3cf; 
    color:#fff; 
    text-decoration:none; 
} 
.tablist li#current a 
{ 
    background-color: #777; 
    color: #fff; 
} 
.tablist li#current a:hover 
{ 
    background: #39C; 
}

這裏是HTML：

<div class="tablist"> 
    <ul> 
     <li><a href="#Dashboard"><strong>Tutorialsphere</strong></a></li> 
     <li><a href="#"><strong>Photoshop</strong></a></li> 
     <li><a href="#"><strong>Illustrator</strong></a></li> 
     <li><a href="#"><strong>Fireworks</strong></a></li> 
     <li><a href="#"><strong>Flash</strong></a></li> 
     <li><a href="#"><strong>CSS</strong></a></li> 
     <li><a href="#"><strong>PHP</strong></a></li> 
    </ul> 
</div>

有一段時間這是在Firefox工作，我不記得任何改變 - 不過我必須擁有。

任何意見表示讚賞。

問候。

來源

2012-06-29 Kevin

你應該提供jsfiddle鏈接 –

http://jsfiddle.net/8YX7M/在firefox 13.0.1/mac中它完美的工作。 – biziclop

補給它。我在Windows筆記本上使用13.0.1。它應該工作。 – Kevin

我沒有IE6方便，但嘗試顯示：塊;浮動：留給這個選擇器：.tablist li a

來源

2012-06-29 21:59:53

謝謝。它現在在IE6中顯示，但仍然沒有在FF 13.你有任何其他建議嗎？ – Kevin

這個小提琴適用於Mac和PC上的13.0.1：http://jsfiddle.net/8YX7M/ –

我不知道我的問題是什麼。我得到一個垂直無序列表。 – Kevin

IE6不支持內聯塊。因此，它只是忽略您的顯示屬性並將其保留爲默認值。

來源

2012-06-29 21:31:36

但它也有'浮動：左'，這應該工作。 – biziclop

CSS：水平製表符在IE6和Firefox中垂直顯示

回答

相關問題