- From: Jonathan Snook <jonathan.snook@gmail.com>
- Date: Thu, 19 Mar 2009 11:15:53 -0400
- To: Brad Kemper <brad.kemper@gmail.com>
- Cc: www-style@w3.org
> TDs in HTML cannot be overflowed, as they automatically grow to
> contain their contents. If table-cells don't already act the same
> way, they really should (as Andrew also mentions).
And if that's the way we want to define it, I'm fine with that. So, if
you have two static or relative elements pointed to the same cell, do
they stack or overlap? What if they have differing spans? HTML source
order wins or CSS source order wins?
Example:
<div id="a"></div>
<div id="b"></div>
#b { table-position: cell(1,2); table-col-span: 2; height:50px; }
#a { table-position: cell(1,1); height: 100px; }
What's the height and width of either container and what goes where?
Throw in a floated image that exceeds 50px in #b and then what do you
get?
My opinion: #b would stretch to 100px (highest value wins). But I'm
still not sure if you would stack these or overlap them, since they're
both static.
I flip-flop in which approach is better but I still feel that using
"position: cell", while less flexible, removes plenty of edge cases,
and could allow overflow.
-js
Received on Thursday, 19 March 2009 15:16:38 UTC