2011-12-24 61 views
0

我面临着以下问题在IE7 enter image description hereIE - 页脚文本问题

而在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> 
+0

我在代码中看不到任何问题。只需从页脚中删除浮动样式即可。并看看会发生什么。 – 2011-12-24 06:36:46

+0

删除float:left,在IE7中工作正常,但在FF,Chrome和Opera中未对齐http://img267.imageshack.us/img267/8847/44cssissue.jpg – 2011-12-24 06:50:29

回答

1

几个字符从页脚去除浮风格,并添加text-align:center; 到页脚