HTML:我怎样才能将我的页脚放在我的网站底部?

时间:2010-11-08 01:50:23

标签: html css footer

我不是css和html的新手,但完全不聪明的PHP。有人可以告诉我要编辑什么以在我的网站底部有灰色条(即使内容没有将栏推到底部?

以下是指包含页脚的页面的链接(荷兰语) 也许我多次查看过这个问题,但我找不到它(睡觉时间?)

注意:我使用23英寸屏幕,1920 x 1080

页脚不是Footer bad好:

页脚Footer also bad也不好

2 个答案:

答案 0 :(得分:2)

如果您希望页脚始终位于浏览器窗口的底部,请尝试sticky CSS footer代码。 (More results on Google

修改

似乎我的答案的第一部分是你想要的,但我仍然保留这个。

如果您想要保持页脚(即使有更多代码),那么您将需要使用以下css:

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

请注意,该代码可能无法在iPad等移动设备上正常运行。

答案 1 :(得分:0)

这是来自firebug的页脚的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:info@friesecomputerservice.nl"><span style="color: rgb(245, 127, 32); font-weight: bold;">info@friesecomputerservice.nl</span></a> - Tel. 058-8446628 Mob. 06-29594595
            </div>
        </div>