我一直在努力修复我的网站在不同浏览器上的显示方式,我终于在IE
和Google Chrome
上实现了这一点,但它在Mozilla Firefox
上已经毁了,它一直在出现在浏览器的左上角,因为我将每个主要div
设置为绝对,即使我为每个主要图像提供了必要的高度,我将每个<div>
的宽度设置为100%
这是代码的副本:
#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;
}
答案 0 :(得分:0)
使用right
和bottom
以及left
和top
,您将获得所需的内容=)