我一直在尝试修复我的网站在不同浏览器上的显示方式,我终于实现了这一点IE
,Google Chrome
但它被毁了Mozilla Firefox
,它一直出现在浏览器的左上角,因为我将每个主要div
设置为绝对的,即使我为每个人提供了包含图像的必要高度,并将每个人的宽度设置为 100%<div>
这是代码的副本:
#headerofhome {
background-image: url(images/home/homepage_header.jpg);
background-repeat: no-repeat;
height: 95px;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
#container {
background-color: #FFFFFF;
height: 497px;
width: 100%;
background-image: url(images/home/homepage_container.jpg);
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 95px;
margin: 0px;
padding: 0px;
background-attachment: scroll;
}
.footer {
background-image: url(images/home/homepage_footer.jpg);
background-repeat: no-repeat;
height: 72px;
width: 100%;
position: absolute;
left: 0px;
top: 592px;
}