Page 1 of 1

100% Heights with CSS

Posted: Mon Sep 23, 2002 9:54 am
by Goo
I am attempting to create a table that will fill the window 100% in the height axis. However, using the XHTML-Transitional doctype, I can't get the CSS to do this. Does anyone have any suggestions?

.tall-table {
width: 100%;
height: 100%;
}

This apparently does not work... at least in my testing it hasn't.

Thanks in advance for any help!!!

Posted: Mon Sep 23, 2002 10:25 am
by mydimension
when working with tables the CSS height directive has no effect when given a percentage value. it will however work with a pixel value (ie. height: 600px;) but it does not seem that this is what you want. hope this helps.

Posted: Mon Sep 23, 2002 10:27 am
by Goo
Yes, I understand that the pixel values will work. I guess what I am really confused about is that the % values for the height work when I use the html 4.0 transistional doctype.

Is there any sort of work around to make tables, or even just a div block, expand to the height of the window?

Posted: Mon Sep 23, 2002 10:33 am
by mydimension
not when dealing with XHTML because this is not the standard, it is a quirk that has been depreciated.