2009-07-15 69 views
1

我花了太多的时间试图让它在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; 
} 

我不会如果我只是错过了一些东西,我感到惊讶,但我已经读了三遍。 有什么建议吗? (我设置背景颜色清楚地看到差距所在)

感谢

+0

以防万一有人绊倒在这。我把图像放在一个没有任何风格信息的div里面,它神奇地修复了它。此外,我试图宣布将边缘设置为0,它什么也没做。哦,IE – Ori 2009-07-15 02:41:32

回答

2

我会推荐使用reset stylesheet(或将重置样式插入到样式表的顶部)。它可以帮助您避免像您所看到的那样的各种问题。

0

您是否试过将style="display:block;"添加到您的img元素中?

我还记得阅读标签可能导致问题后的空白。尝试通过删除空白来调整您的标记:

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