2010-11-08 35 views
1

我无法打开页脚。出于某种原因,它给出了一个100%宽度的滚动条。 我试图执行粘滞页脚技术,probb出事了:dCSS:大水平滚动条的小页脚问题

这是CSS代码控制页脚:

.mf{ 
background: #eaeade; 
width: 100%; 
padding-left:100px; 
padding-top:51px; 
padding-bottom:11px; 
position: absolute; 
margin: 0 auto; 
bottom: 0; 
} 

这是HTML:

<div style="background-color:#EAEADE;text-align:center;overflow:hidden;"> 
        <div class='mf'> 
       <div class='home-links-footer' style="color:#8E8E80;"> 
       <a href="index.php">Home</a> | <a href="index.php?option=com_content&view=article&id=14&Itemid=5">Beveel ons aan!</a> | <a href="index.php?option=com_content&view=article&id=4&Itemid=2">Onze Services</a> | <a href="index.php?option=com_content&view=article&id=5&Itemid=3">Laptop Reparatie</a> | <a href="index.php?option=com_content&view=article&id=6&Itemid=4">Onze Tarieven</a> | <a href="index.php?option=com_content&view=article&id=14&Itemid=5">Contact Gegevens</a> | <a href="#">Sitemap</a> 
       </div> 
       <div style="color:#8E8E80;border-bottom:1px dotted;padding-bottom:3px;width:700px;margin:auto;"> 
       Friese Computerservice - 8932 JZ Leeuwarden - <a href="mailto:[email protected]" style="text-decoration:none;"><span style="color:#F57F20;font-weight:bold;">[email protected]</span></a> - Tel. 058-8446628 Mob. 06-29594595 
      </div> 
     </div> 
    </div> 

回答

1

你必须明白,CSS框模型认为“宽度”是指框的宽度,而不是框的整体大小。你已经给了你的左边和右边的框填充,所以填充将是以外的的100%宽度。

就我个人而言,我发现一个非常离奇的机制,但你去。

什么工作(但不会在旧版本的IE)是没有提到“宽度”和刚刚成立的“左”和“右” 0

+0

是我不好,我不得不改变位置相对 – Chris 2010-11-08 17:40:35

+0

忘记回答你的答案的第一行,我不知道这一点。谢谢! – Chris 2010-11-08 23:07:01