2010-11-08 106 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> 
相關問題