IE - 頁腳文本問題

我面臨着以下問題在IE7 enter image description here IE - 頁腳文本問題

而在Chrome中，FF和Opera看起來好像沒什麼 enter image description here

誰能弄清楚爲什麼我得到這個問題，最後下來到div

#footer 
{ 
bottom:0; 
clear:both; 
background: url("images/footer.png") repeat-x #8DC63F; 
position:relative; 
float:left; 
width:100%; 
} 


.footer-text 
{ 
text-align:center; 
font-family:'Tahoma'; 
font-size:10pt; 
color: #000000; 
top:20px; 
margin:10px auto; 
} 



<div id="footer"> 
<p class="footer-text">Home | Services | About Us | Products | Contact Us</p> 
<p class="footer-text">2011 &copy; All Rights Reserved.</p> 
</div>

來源

2011-12-24 ismail vittal

我在代碼中看不到任何問題。只需從頁腳中刪除浮動樣式即可。並看看會發生什麼。 – 2011-12-24 06:36:46

刪除float：left，在IE7中工作正常，但在FF，Chrome和Opera中未對齊http://img267.imageshack.us/img267/8847/44cssissue.jpg – 2011-12-24 06:50:29

幾個字符從頁腳去除浮風格，並添加text-align:center; 到頁腳

來源

2011-12-24 06:57:22

IE - 頁腳文本問題

回答

相關問題