Internet Explorer Div寬度問題

我正在研究一個vBulletin論壇的模板，我遇到了一個有點棘手的問題。 Internet Explorer正在將其中一個div的寬度擴大100％，或者比它應該大得多。 FireFox不會給我這個問題。Internet Explorer Div寬度問題

我想要什麼： [（圖像[標題]圖像）< ---擴大100％--->]

它什麼做的： [（圖像[標題< ---擴大100％ --->] image）]

對不起，我的解釋不是更詳細。如果您需要更多信息，請告訴我！

謝謝你！

HTML：

<div class="forumhead-title"> 
     <div class="forumhead-left"></div> 
     <div class="forumhead-main"> 
      <div class="forumtitle"><a href="{vb:link forum, {vb:raw forum}}" style="line-height: 42px;">{vb:raw forum.title}</a></div> 
     </div> 
     <div class="forumhead-right"></div> 
    </div>

CSS：

.forumhead-left { 
    float: left; 
    width: 25px; 
    height: 42px; 
    background: url(images/versusmatch/gradients/h1-main-left.png); 
} 

.forumhead-main { 
    float: left; 
    height: 42px; 
    background: url(images/versusmatch/gradients/h1-main.png) repeat-x; 
} 

.forumhead-main a { 
    color: #000000; 
    line-height: 42px; 
} 

.forumhead-right { 
    float: left; 
    width: 161px; 
    height: 42px; 
    background: url(images/versusmatch/gradients/h1-main-right.png); 
    padding-right: auto; 
}

來源

2011-08-21 Cory

你能發佈代碼嗎？ –

有一些事情可以做，幫助重寫瀏覽器的差異。

添加doctype到您的文檔。它會告訴瀏覽器他們應該如何解釋頁面。
使用css reset。這是一些CSS試圖刪除瀏覽器的默認值，因爲它們可能在不同的瀏覽器中不同。當然，如果你添加一個重置到你已經設計好的頁面，它可能會破壞它。確保你寫的每一個CSS都是在重置之後。

如果這沒有幫助，請發佈代碼，以便我們可以調試它。

來源

2011-08-21 00:52:59

我考慮過這兩種方法，但由於我使用的是vBulletin，因此它們已經具備了這兩個功能。 – Cory

Internet Explorer Div寬度問題

回答

相關問題