Table height/width properties

• From: Glen Harman <gharman@erols.com>
• Date: Mon, 2 Jul 2001 11:09:39 -0400
• To: <www-style@w3.org>
• Message-ID: <003e01c10309$0407e5e0$68fca4d8@anaconda>

Greetings,

I have a question about how table height/width properties should
be processed.

The scenario is a one-celled outer table containing a one-celled
inner table.  When you set, for example, the inner table's height
and width to 100%... what is that relative to?  The content edge of
the outer table's td?  The padding edge of the outer table's td?
Something else?  I've created two tests:

1) http://www.gharman.com/tablesize1.html

    table.outer {height:100%;width:100%;}
    td.outer {height:100%;width:100%;}
    table.inner {height:100%;width:100%;}
    td.inner {height:100%;width:100%;}

2) http://www.gharman.com/tablesize2.html

    table.outer { } (height & width not specified)
    td.outer {height:100px;width:100px;}
    table.inner {height:100%;width:100%;}
    td.inner {height:100%;width:100%;}

Now in both cases I would expect concentric/square boxes.
In example #1, since the outer table is full height and width, I
would expect them to occupy most of the viewport.  In example
#2, since the outer table size will be driven by the outer td size
of 100px, I would expect something smaller.  But in both cases
I would expect the inner table and td to be square.  Is my thinking
correct or flawed?

TIA,
Glen

Received on Monday, 2 July 2001 11:09:38 UTC