table height with css

[johreiki]

This is such a simple question, it seems I should know the answer....but it hasn't come to me yet....

In the past, to make sure a table with little content fills the height of all screens, I have used HEIGHT="100%" in the <table> tag. But now that I'm writing XHTML (and actually validating the pages!), I find that height is not a valid table attribute.

I don't recall seeing a way to do it with css, and am currently just putting a lot of
tags at the bottom of the table, which seems remarkably Neanderthal-ish....


Thanks in advance ------
_||_
db

[mikmik]

I hear you about the
'technique', I used it muchly to get gif's and or other content to spread down long columns, but I wasn't that familiar with CSS then.
I also haven't used tables for a while, but I will check - off the top of my head though, can you assign height to the td's? IE., you have three rows, say, then each would be 33%, or 2x25% plus 50%?
Also, can you use a containing div that surrounds the table with a height value on that?

It may take some fancy border and background colouring. Is there a way I could see your pages?

[johreiki]

Originally Posted by mikmik

I hear you about the
'technique', I used it muchly to get gif's and or other content to spread down long columns, but I wasn't that familiar with CSS then.
I also haven't used tables for a while, but I will check - off the top of my head though, can you assign height to the td's? IE., you have three rows, say, then each would be 33%, or 2x25% plus 50%?

#### I don't believe that's valid either -- and, if it is, it would only make the <td> heights add up to 100% of the <table>, not 100% of the screen.

Originally Posted by mikmik

Also, can you use a containing div that surrounds the table with a height value on that?

#### I just now tried that and it didn't work, either with height="100%" or with height="900px". Either way, the table still ends at the bottom of the content.

Originally Posted by mikmik

It may take some fancy border and background colouring. Is there a way I could see your pages?

#### Sure - thanks. Here's one: http://www.epiphanypresents.com/contact.html


Blessings to you ------
_||_
db

[mikmik]

http://www.blooberry.com/indexdot/ht...ges/t/thtd.htm

According to the page above (I use it as an example so you can also see what I did to look this up under)
"height" is a valid attribute for <td>.

I first tried to make the first table-cell (nav, bg pic) have height=100% but that didn't work, stayed the same.

So I added a second row like this:

</TBODY></TABLE>
</TD>
</TR>
<tr><td style="BACKGROUND: url(IMG/missionbg.jpg) #dda0dd" height="400"></td></tr>
</TBODY></TABLE></BODY></HTML>

Then I made the other td's have a rowspan=2 thus:

<TD vAlign=top rowspan="2" >

I am not used to working with tables like this, but it is the type of place where you learn to be creative after a while :o)

[johreiki]

WOW -- you lost me with </tbody></table></td></tr>!!
This is the first I've ever heard of a <tbody> tag! -- and thanks for the reference site; I've bookmarked that one now....

My mistake, thinking "height" was not valid in a <td>. Now, knowing it is, I simply put a height of 900px on the first [navigation / bg] <td> and it worked....and validated.


Many thanks again ------
_||_
db

Originally Posted by mikmik

http://www.blooberry.com/indexdot/ht...ges/t/thtd.htm

According to the page above (I use it as an example so you can also see what I did to look this up under)
"height" is a valid attribute for <td>.

I first tried to make the first table-cell (nav, bg pic) have height=100% but that didn't work, stayed the same.

So I added a second row like this:

Then I made the other td's have a rowspan=2 thus:

I am not used to working with tables like this, but it is the type of place where you learn to be creative after a while :o)