Positioning table to stay at the bottom of the page?

Discussion in 'HTML & Website Design' started by 8everything, Jul 25, 2006.

  1. #1
    I need to position a table (with text in it) so it stays at the bottom of the window consistantly through out the pages. It also needs to be centered.

    SO... when you resize the window vertically, it still stays at the bottom of the window...

    Can anyone help me please?

    Thanks in advance.
     
    8everything, Jul 25, 2006 IP
  2. Gordaen

    Gordaen Peon

    Messages:
    277
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I believe you would want this in the table tag: style="position: fixed; bottom: 0; margin-left: auto; margin-right: auto;"
     
    Gordaen, Jul 25, 2006 IP
  3. Colleen

    Colleen Illustrious Member

    Messages:
    6,777
    Likes Received:
    725
    Best Answers:
    1
    Trophy Points:
    430
    #3
    This is making me hungry now. :confused:
     
    Colleen, Jul 25, 2006 IP
  4. 8everything

    8everything Peon

    Messages:
    16,350
    Likes Received:
    903
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks Gordaen. But how to I position it to the center too?
     
    8everything, Jul 25, 2006 IP
  5. Colleen

    Colleen Illustrious Member

    Messages:
    6,777
    Likes Received:
    725
    Best Answers:
    1
    Trophy Points:
    430
    #5
    Is it inside a containing div? Or align="center" should do it.
     
    Colleen, Jul 25, 2006 IP
  6. 8everything

    8everything Peon

    Messages:
    16,350
    Likes Received:
    903
    Best Answers:
    0
    Trophy Points:
    0
    #6
    This is what I have:
    <TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 STYLE="position: fixed; bottom: 0; margin-right: auto; margin-right:

    auto;"><tr><td>

    test

    </tr></td></table>

    and it doesn't move the text anywhere...
     
    8everything, Jul 25, 2006 IP
  7. 8everything

    8everything Peon

    Messages:
    16,350
    Likes Received:
    903
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I got the code working! Thanks :)

    <center><table style="position: absolute; bottom: 0; margin-left: auto; margin-right: auto;">
    <tr><td>
    <table cellspacing="0" cellpadding="0"><tr><td>
    <tr><Td>

    dfg

    </tr></td></table>
     
    8everything, Jul 25, 2006 IP