跨度不與H1在IE6

我有一個div裏面，一個h1標籤後面的跨度標籤，它是一個挨着另一個，但跨度浮到右對齊。它工作在Firefox，Chrome和Internet Explorer 7和8，但不是在IE6。在ie6中，h1標籤沒有任何理由變大，因此跨度標籤保留在下方。跨度不與H1在IE6

繼承人的代碼：

 <div style="width: 740px; float:left"> 

     <div id="article-header"> 

      <h1><span>Text</span></h1> 

      <span class="breadcrumb">Link1 > Link2</span> 

     </div>

的CSS：

#article-header h1 
    { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    color: #F2612F; 
    text-transform: uppercase; 
    display: inline; 
    position: relative; 
    } 
    .breadcrumb 
    { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    font-size: 9px; 
    float: right; 
    text-transform: uppercase; 
    vertical-align: baseline; 
    margin-top: 0px; 

    text-align: right; 
    display: inline; 
    }

來源

2010-01-21 LuRsT

你有一個活鏈接有什麼不同？這樣測試有時更容易。但是，爲我嘗試一件事。這可能是一個簡單的空白錯誤。只要刪除兩行返回，所以它看起來是這樣的：'的' – 2010-01-21 16:50:46

你已經張貼在這裏，你必須在網上有什麼不同的CSS。這是來自dev版本的CSS嗎？ – 2010-01-21 17:41:43

@Doug是的，我也剝離出來的意見。 – LuRsT 2010-01-22 09:25:22

您可能需要使用CSS Reset File擺脫IE6中隨機的，預定義的樣式。這消除了從一個瀏覽器到另一個瀏覽器的各種「隱身」風格。

來源

2010-01-21 16:24:21

不要在H1使用float:left，只需使用display:inline

如果你真的需要使用float:left出於某種原因，然後再嘗試添加該到IE6 只有樣式表：

#article-header h1{ 
    display: inline; 
}

它不應該影響呈現負，但在IE6的浮動相結合的效果比普通display:inline

來源

2010-01-21 16:24:44

我固定它，但它仍然無法工作在IE6：S 我也更新了我的代碼在線程後 – LuRsT 2010-01-21 16:34:30

跨度不與H1在IE6

回答

相關問題