奇怪的IE錯誤？

我花了太多的時間試圖讓它在IE 7上工作。它在ff上工作，驗證器上出現的唯一錯誤是缺少圖像的alt標籤（9錯誤）。奇怪的IE錯誤？

整個網站的工作除了這一部分，所以我想知道是否有一個怪異的浮動錯誤，我不知道。

我有一個div裏面的圖像。在圖像下，我有3個包含圖像的div。還有就是圖像之間的div的頂部，其下

這裏的div略有差距是我的代碼：

<div class="header_banner"> 
       <img src="html_images/banner.jpg" /> 
<div class="header_left"></div> 
<div class="header_main" id="header_menu"> 
    <ul> 
     <li><a href="index.php">Home</a></li> 
     <li><a href="studio.php" rel="show_studio">Studio</a></li> 
     <li><a href="school.php" rel="show_school">School</a></li> 
     <li><a href="#" rel="show_events">Events</a></li> 
     <li><a href="#">Shop</a></li> 

    </ul> 

</div> 
<div class="header_right"></div> 
</div>

這裏的CSS：

.header_banner 
{ 
float:left; 
width:531px; 
} 

.header_left 
{ 
float:left; 
background-color:#003399; 
background-image:url('../html_images/header_left.jpg'); 
background-repeat:no-repeat; 
background-position:48px; 
width:55px; 
height:33px; 
} 

.header_right 
{ 
float:left; 
background-image:url('../html_images/header_right.jpg'); 
width:7px; 
height:33px; 
} 

.header_main 
{ 
float:left; 
background-image:url('../html_images/header_main.jpg'); 
background-repeat:repeat-x; 
width:426px; 
height:33px; 
}

我不會如果我只是錯過了一些東西，我感到驚訝，但我已經讀了三遍。有什麼建議嗎？（我設置背景顏色清楚地看到差距所在）

感謝

來源

2009-07-15 Ori

以防萬一有人絆倒在這。我把圖像放在一個沒有任何風格信息的div裏面，它神奇地修復了它。此外，我試圖宣佈將邊緣設置爲0，它什麼也沒做。哦，IE – Ori 2009-07-15 02:41:32

我會推薦使用reset stylesheet（或將重置樣式插入到樣式表的頂部）。它可以幫助您避免像您所看到的那樣的各種問題。

來源

2009-07-15 02:51:39 AgileJon

你是對的;這可能是一個資源管理器錯誤。這裏有一些更多的信息：http://www.positioniseverything.net/explorer/floatIndent.html

這似乎是如何IE瀏覽器處理利潤率的問題。看看是否定義一個邊距（在這種情況下是0px）有所幫助。

來源

2009-07-15 02:36:32 zacharyliu

您是否試過將style="display:block;"添加到您的img元素中？

我還記得閱讀標籤可能導致問題後的空白。嘗試通過刪除空白來調整您的標記：

<div class="header_banner"><img src="html_images/banner.jpg" /><div class="header_left"></div> etc..

來源

2009-07-15 03:02:51 cjacques

奇怪的IE錯誤？

回答

相關問題