私は自分のウェブサイトがさまざまなブラウザーでどのように見えるかを修正しようとしてきましたが、最終的にそれを達成しました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;
}