Question

当晚的最后一个问题！

当我的网站在IE浏览器中查看时，与mozilla或chrome相比，它都被搞砸了。我不知道如何解决它。我认为它与我网站中的以下div有关...但我不确定是哪些。

#quicklinks {
width: 550px;
float: right;
background-color:#9D9AFF;
}

#buttons {
width: 200px;
padding: 62px 20px 0px 20px;
}

#zachad {
width: 310px;
font-family: Arial, Helvetica, sans-serif;
background-color:#9D9AFF;
background-image:url(jinglejarlogo3.gif);
background-repeat:no-repeat;
z-index:auto;
float:right;
font-size: 12px;
height: 251px;
margin-top: 0px;
margin-bottom: 20px;
padding: 0px 30px 10px 10px;

}

#spacer {
width: 1024px;
clear:both;
}

#footerspacer {
background-color:#FFFFFF;
margin: 0px;
}

.linksinfooter li {
list-style: none;
display: inline;
margin:0;
background-color:#C0C0FE;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
border:hidden;
padding: 0.15em .15em 0.15em 1.45em;
}

#footercopyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#C0C0FE;
width: 560px;
padding: 0.5em .45em .5em 1.5em;

Answer 1

这个问题有很多帮助 - 包括这里的其他帖子

基本上IE Box模型与Mozilla模型的工作方式不同 - 最简单的例子是计算PADDING和MARGIN的方式。

Mozilla将这些元素添加到定义的宽度上（例如 - 宽度：200px，填充：50px会创建一个300px（200 + 50 + 50）的div

IE从内部减去它们，因此元素始终是定义的宽度（200像素），内部区域减少了（50 + 50）px

快速搜索应该有帮助

css help with box models

http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug

IE浏览器视觉问题

1 个答案: