2013-05-30 44 views
3

我一直在努力修復我的網站在不同瀏覽器上的顯示方式,最後我在IEGoogle Chrome上實現了這個功能,但它在Mozilla Firefox上很糟糕,它不斷出現在瀏覽器的左上角,因爲我將每個主要的div都設置爲絕對的,儘管我給每個人都包含了圖像的必要高度,並且我將寬度設置爲100%在每個<div>
下面是代碼:我的網站在瀏覽器的左上角只有FF

#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; 
} 
+3

如果你有絕對的領先地位:0;左:0;它會出現在左上角。這是預期的行爲。您是否試圖將網頁置於頁面中間? –

+0

使用'保證金:0自動'看看? – ntgCleaner

+0

你不會碰巧有某個地方的網站的現場版本? –

回答

0

使用rightbottom alo與lefttop納克,你會實現你所需要的=)

相關問題