Align whole table at the bottom of page

Question

I use the following coding to align the table at the bottom but it can't working

<!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>

Anyone help this to align at the bottom of page.

Provide the space (Height and width) for the container div and the float the inner div inside on it. Possible duplicate of http://stackoverflow.com/questions/585945/how-to-align-content-of-a-div-to-the-bottom-with-css — Arun Singh, Jul 11 '12 at 17:04

score 6 · Accepted Answer · edited Dec 11 '16 at 21:25

6

Use the bottom alignment in CSS. This will align the div only and not the table. Your table will align because it is within the div.

position: absolute;
bottom:0px;

edited Dec 11 '16 at 21:25

suspectus

16,548
8
49
57

answered Jul 11 '12 at 17:18

Dineshkani

2,899
7
31
43

marius_5 · Answer 2 · 2012-07-11T17:10:59.277

0

you should either assign a position absolute or position fixed and bottom 0 and left 0 and width and height to your footer div

see here jsfiddle

or google sticky footer in case the above doesnt satisfy your needs

edited Jul 11 '12 at 17:10

answered Jul 11 '12 at 16:59

marius_5

501
5
12

Consider making a sample of how the OP would apply this and I'll +1 your answer. – Jon Egeland Jul 11 '12 at 17:06
OP refers to the Original Poster of the question. – Rasmus Franke Jul 11 '12 at 17:12
OP stands for (I believe) original poster. It's the person who asked the question. Also, please put the important changes to the source in your answer. Just put 4 spaces before your code and it will be formatted nicely. – Jon Egeland Jul 11 '12 at 17:13

Align whole table at the bottom of page

2 Answers2