#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Posts
    1
    Rep Power
    0

    Stretch table/div to bottom of page.


    So, I'm able to get this working when I don't add a doctype to the webpage. However, I'd like to know if this is possible with a compliant webpage.

    I used to be able to adjust the height of a div or table to something like 95% in the CSS, and it would go practically to the bottom of the page without making you scroll.

    Even if I add that now, however, the page shrinks up into a tiny mess.

    My solution could be to remove the doctype, but this page needs to be seen readable in all browsers. (Even old people who don't understand that using IE is a terrible idea.)

    Before I slap on an example of my code or CSS, any ideas on how to do this?
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2013
    Posts
    6
    Rep Power
    0
    maybe you havent set body and html to 100%? or the parent of the table. it works for me on jsbin simply assigning 100% to table. Ofc jsbin.com has some default css.

IMN logo majestic logo threadwatch logo seochat tools logo