html頁腳問題

我是新來的HTML和即時通訊有一些問題添加頁腳。更具體地說，當我添加頁腳時，'表單'被拉到它到達頁腳 - 像這樣http://tinypic.com/view.php?pic=jhbw5g&s=7。我如何阻止它擴展表單的主體？html頁腳問題

HTML代碼

<body> 
    <div id="formWrapper"> 
      </center> 
      <form method ="post" action="addMember.php"> 
      <label for="name">Username:</label> 
      <input name="name"/> 
      <label for="password">Password:</label> 
      <input name="password"/> 
      <label for="email">Email:</label> 
      <input name="email"/> 
      <p> 
      <fieldset> 
      <input class="btn" name="submit" type="Submit" value="Register"/> 
      <input class="btn" name="reset" type="reset" value="Clear Form"> 
      </fieldset> 
     </form> 

    <div class="push"></div></div> 
     <div class="footer"> 
      <p>Copyright (c) 2008</p> 
     </div> 
</body>

樣式表

#formWrapper{ 
    width:400px; 
    border:solid 5px #F1F1F1; 
    margin-top:300; 
    margin-bottom:10; 
    margin-right: auto; 
    margin-left: auto; 
    background-color: #AFC8DE; 
    padding-top: 10px; 

    min-height: 100%; 
    height: auto !important; 
    height: 100%; 

}

HTML，身體{高度：100％; }

.push {background-color：＃903; margin：50px; }

.footer {height：4em;背景顏色：＃103; }

更具體地min-height: 100%;使它拖出來，但不確定如何解決它。

來源

2011-08-25 Spike Lee

我不知道到底是你的需求是什麼，但對於一個你的頁腳div在窗體包裝器中，所以它將遵循包裝器的高度。

http://jsfiddle.net/7SgGT/ 這裏是我很快放在一起的東西。這應該讓你開始你所尋找的我相信。

來源

2011-08-25 16:09:44 GoGoGarrett

在發佈的HTML代碼中存在一些問題。

一個「中心」結束標記沒有開始
第二個「輸入」的標籤未關閉
空div.push標記？
縮進看起來關閉（可能是由於計算器格式化？）

請重新審視自己的HTML和編輯與更新的HTML的問題，如果這個問題不能解決。

來源

2011-08-25 16:00:22

嘗試這樣的事情..

<div id="container"> 
    <div id="header"></div> 
    <div id="body"></div> 
    <div id="footer"></div> 
</div>

和CSS ..

html, body {margin:0; padding:0; height:100%;} 
#container {min-height:100%; position:relative;} 
#body {padding:10px; padding-bottom:60px; /* Height of the footer */} 
#footer {position:absolute; bottom:0; width:100%; height:60px; /* Height of the footer */;

}

來源

2011-08-25 16:02:13 TLD

html頁腳問題

回答

相關問題