2009-12-25 32 views
0

確定這個標題圖像是讓我瘋狂的 - 我清理了divs並編輯了css - 在我學習定位之前,id喜歡看到一個快速修復只是將該圖片放在頁面底部追問第一個問題CSS,FOOTER浮動到頂部

對不起,問題出現在標題中 - 我試圖讓頁腳不能浮在頁面的頂部,但是我得到了一些關於絕對定位的反應,所以生病了和工作對我自己,更多的答案仍然讚賞,感謝

http://we-live.in/the_sierra

<div style="text-align:center;"> 

    <div id="footernav"> 
    <a href="index.php" class="footerlink">Home</a> 
    <a href="about.php" class="footerlink">About Us</a> 
    <a href="mailto:[email protected]" class="footerlink end">Contact Us</a> 

    </div> 
+1

問題是什麼? – 2009-12-25 18:54:41

+0

頁腳浮在一切之上,雖然你必須訪問該網站才能得到... – 2009-12-25 19:00:19

回答

0

問題是你正在使用絕對值。絕對不影響流量(換句話說,對於其他元素的定位就好像它們不存在一樣)。

做這樣的事情(我已經把CSS文本)

<div id="wrapper"> 
    <div id = "main"> 
      <div id="to">FLOAT:LEFT</div> 
      <div id="from">FLOAT:RIGHT</div> 
      <p class="extro">CLEAR:BOTH</p> 
    </div> 
<div id="footer"></div> 
</div> 
2

您的主要內容div似乎是ID爲「to_div」的div。您的頁腳漂浮在頂部,因爲您已經在to_div上使用了position:absolute,將其從流中移出。要麼絕對把你的div放在底部,要麼停止使用絕對定位。我推薦後者。

+0

現在我有它的底部,但它不再居中(以前的問題) – adam 2009-12-26 01:38:02

+0

使用文本對齊:中心;和寬度:100%;如果這不起作用,我不確定發生了什麼事。 – 2009-12-26 04:02:44

2

發生這種情況是因爲你已經設置了每個div的絕對位置(to_text,nav_deals等),但包含頁腳的div被渲染爲普通的div元素(因爲它的位置不是絕對的)!

我建議重做這個簡單的佈局,沒有絕對的定位!或者,您可以通過設置爲絕對即使最後一個div的位置來解決!