3

次のコーディングを使用してテーブルを下部に配置しましたが、機能しません

<!DOCTYPE html>
  <html>
    <head>
      <title></title>
    </head>

    <body bgcolor="black">
      <div class="footer">
        <table border="1" bottom="0px">
          <tr>
            <td width="600px" align="right">
              <input type="image"  align="center" id="verify1" src="proceed1.png" disabled="disabled"  width="90" height="90""/>
            </td>
            <td width="500px" align="right">
              <label id = "l2"  style = "color:white;font:normal 20px chalkdust;">NEXT QUESTION</label>
              <div id="sample4" style="float: right;">
            </td>
            <td>
              <input type="image" id="next" src="arrow.png"  disabled="disabled" name="image2" width="80" height="80">
            </td>
          </tr>
        </table>
      </div>
  </body>
</html>

誰もがこれをページの下部に揃えるのを手伝ってくれます。

4

2 に答える 2

6

CSSで下揃えを使用します。これにより、divのみが整列され、テーブルは整列されません。テーブルはdiv内にあるため、整列されます。

position: absolute;
bottom:0px;
于 2012-07-11T17:18:47.443 に答える
0

フッターdivに、絶対位置または固定位置と下0、左0と幅と高さのいずれかを割り当てる必要があります。

ここを参照してくださいjsfiddle

または上記があなたのニーズを満たさない場合はグーグルスティッキーフッター

于 2012-07-11T16:59:47.817 に答える