W3C home > Mailing lists > Public > www-style@w3.org > March 2009

Re: layout idea

From: Jonathan Snook <jonathan.snook@gmail.com>
Date: Thu, 19 Mar 2009 11:15:53 -0400
Cc: www-style@w3.org
Message-Id: <9E9EB2C4-3600-4EDC-9BAD-0B69ABE24B3A@gmail.com>
To: Brad Kemper <brad.kemper@gmail.com>
> 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 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:17 GMT