如何修復我的頁腳和此頁面的底部？

我試圖修復一張桌子，讓它看起來更好（我在下面的屏幕截圖中更好地描述了這個問題）。如何修復我的頁腳和此頁面的底部？

這是發生了什麼事情，我想發生什麼的屏幕截圖：

enter image description here

我怎麼在我的樣式表的變化？

CSS文件位於rankingclimber.com/css/style.css（頁腳部分明確標示），並在申請部分明確標明

註冊頁位於www.rankingclimber.com/signup.php

這裏的頁腳文件的代碼： rankingclimber.com/footer.php並在主頁上調用頁腳：rankingclimber.com/signup.php

來源

2011-01-30 Pavan Katepalli

這裏是正在發生的事情與你的網頁的詳細報告：http://validator.w3.org/check?uri=http%3A%2F%2Fwww.rankingclimber。 COM％2Fsignup。php＆charset =％28detect +自動％29＆doctype =內聯＆組= 0 – 2011-01-30 22:42:04

要修復該行的位置，請將<div class="form_bt"></div>移至<div class="form_tp">的結束標記之後。

要修復不在表格內的「創建帳戶」按鈕，請從<div class="chkp3">刪除float: left和margin-bottom: 20px。然後，到<a class="btn1">，加margin-top: 20px。

要修復頁腳，請將<div id="footer">移動到<div id="wrapper">的結束標記之後。

僅在Firefox中測試，使用Firebug。

另一個答案指出，你已經失去了關閉標籤。在這種情況下，我的答案可能不是很有用，因爲這些問題可能完全是由那些缺失的標籤引起的。

修復缺少的關閉標記，然後在發佈任何步驟之前查看您的頁面是什麼樣的。

來源

2011-01-30 22:39:17 thirtydot

謝謝sooo。這真是太棒了！ – 2011-01-31 06:38:44

我認爲，將margin:0; !important添加到.form_bt樣式中。 Safari Web Inspector顯示它目前具有-60px的margin-right。在你的HTML中，把div.form_bt放在<form>元素的外面，它現在在裏面。

來源

2011-01-30 22:36:58

感謝Anriëtte！我確信我的div.form_bt在表單元素之外。 – 2011-01-31 06:44:18

嘗試這些修補程序，我無法驗證，因爲我沒有所有的文件，但你缺少結束標記爲：

代碼後失蹤</li>：<li><a href="what-is-ranking-climber.php">What is Ranking Climber?</a>   
缺少</div>之前的代碼：</form>

來源

2011-01-30 22:39:45

嘿謝謝K lvanov！ – 2011-01-31 06:43:35

使用這個CSS

clear: both; 

<div id="container"> 

     <div class="left"></div> 
     <div class="right"></div>   

</div> 
<div class="footer"></div>

CSS這些DIV的

#container{ 
    width:950px; 
    min-height:500px; // This will helps you to stick to footer to bottom about 500px below 
} 
.left{ width: 50%;} 
.right { width:50%;} 

.footer{ 
    widht: 950px; 
    clear: both; // This will helps you to avoid footer to overlap. Use this when Some  elements is overlapping 
}

來源

2011-01-31 06:26:21 KillerFish

如何修復我的頁腳和此頁面的底部？

回答

相關問題