2010-11-08 63 views
2

我不是一个新手到CSS和HTML,但完全不聪明与PHP。有人可以告诉我要在我的网站底部有什么灰色条(即使内容不会将条推到底部)吗?HTML:我怎样才能让我的页脚在我的网站底部?

这里是一个包含页脚的页面的链接到位(荷兰语) 也许我看了看这个问题很多次,但我不能找到它

注(睡觉时间):我用的23" 屏幕,在1920×1080

页脚不是Footer bad好:

页脚Footer also bad也坏

+5

尝试此链接的粘脚:http://www.cssstickyfooter.com/ – DaiYoukai 2010-11-08 01:52:26

+0

@Archonix:+1 +1 +1 +1 +1 – 2010-11-08 01:53:18

回答

2

如果你想在页脚总是在浏览器窗口的底部,尝试sticky CSS footer代码。 (More results on Google

编辑:

看来,我的回答的第一部分是你想要的,但我是这个反正。

如果你想保持在视图(即使有更多的代码),那么你将需要使用下面的CSS页脚:

#footer{ 
    position: fixed; 
    bottom: 0; 
} 

请注意,该代码可能无法正确喜欢iPad移动设备上工作。

+0

我希望页脚在页面内容不大时(高)足以将页脚推到底部。 – Chris 2010-11-08 01:57:58

+0

然后使用我的文章中链接的粘性页脚代码。那就是你想要的。 – Moshe 2010-11-08 02:01:03

+0

很好的答案,我希望它很容易在Joomla中实现,谢谢! – Chris 2010-11-08 08:41:18

0

下面是从萤火虫页脚的HTML ...

<div class="mf"> 
       <div style="color: rgb(142, 142, 128);" class="home-links-footer"> 
       <a href="/index.php">Home</a> | <a href="/contact-gegevens.html">Beveel ons aan!</a> | <a href="/onze-services.html">Onze Services</a> | <a href="/laptop-reparatie.html">Laptop Reparatie</a> | <a href="/tarieven.html">Onze Tarieven</a> | <a href="/contact-gegevens.html">Contact Gegevens</a> | <a href="#">Sitemap</a> 
       </div> 
       <div style="border-bottom: 1px dotted; margin: auto; color: rgb(142, 142, 128); padding-bottom: 3px; width: 700px;"> 
       Friese Computerservice - 8932 JZ Leeuwarden - <a style="text-decoration: none;" href="mailto:[email protected]"><span style="color: rgb(245, 127, 32); font-weight: bold;">[email protected]</span></a> - Tel. 058-8446628 Mob. 06-29594595 
      </div> 
     </div> 
相关问题