dcsimg
www.webdeveloper.com
Results 1 to 6 of 6

Thread: how to extend height of tables until footer

  1. #1
    Join Date
    Oct 2009
    Location
    Saint Louis
    Posts
    6

    how to extend height of tables until footer

    hey guys, i'm new at html and was wondering how to extend my tables until the footer, even though they may appear empty, with no content. either html or css solution is welcomed

    e.g.
    <body>
    <left table>
    </left table>
    <long middle table>
    </long middle table>
    <right table>
    </right table>
    </body>
    <footer>

    i want the tables on the left and right to go down and end at the same place with the middle table, which holds most content.

    i tried table valign bottom, but that only makes it start from the bottom of the page; i want it to start at the top. thanks

  2. #2
    Join Date
    Sep 2009
    Posts
    163
    Quote Originally Posted by spectator View Post
    hey guys, i'm new at html and was wondering how to extend my tables until the footer, even though they may appear empty, with no content. either html or css solution is welcomed

    e.g.
    <body>
    <left table>
    </left table>
    <long middle table>
    </long middle table>
    <right table>
    </right table>
    </body>
    <footer>

    i want the tables on the left and right to go down and end at the same place with the middle table, which holds most content.

    i tried table valign bottom, but that only makes it start from the bottom of the page; i want it to start at the top. thanks
    You will need to increase the height of the left and right table to match the height of the middle table.

    or

    make a table, in it make 3 columns and in each of the columns make a table for left, middle and right sections.

  3. #3
    Join Date
    Oct 2009
    Location
    Saint Louis
    Posts
    6
    hey guru,
    i was actually doing the last thing you suggested - one main table that contains the other 3 tables. however, that does not solve the issue i brought up. the tables end where their respective content ends.
    is there a css tag i am missing with regard to tables?
    thanks

  4. #4
    Join Date
    Oct 2009
    Location
    Saint Louis
    Posts
    6
    also, i cannot increase the height, because in certain cases the content is fetched dynamically from a DB, which varies from page to page

  5. #5
    Join Date
    Sep 2009
    Posts
    163
    Quote Originally Posted by spectator View Post
    hey guru,
    one main table that contains the other 3 tables.
    if you make a table with 3 columns & in each column make a table then this problem will be solved....

  6. #6
    Join Date
    Nov 2009
    Posts
    24
    If you are using XHTML DOCTYPE and your table is the first object in your body you need to do 2 things.

    1. Add to your css body
    body{
    height:100&#37;;
    }

    2. Add this table
    <table border="1" style="height:100%;">
    <tr>
    <td valign="top">col 1</td>
    <td valign="top">col 2</td>
    <td valign="top">col 3</td>
    </tr>
    </table>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles