W3C home > Mailing lists > Public > www-style@w3.org > August 2003

Floats and inline-table boxes

From: <staffan.mahlen@comhem.se>
Date: Tue, 19 Aug 2003 21:24:40 +0200
To: "www-style@w3.org" <www-style@w3.org>
Message-ID: <3F429598.7909.101FC4F@localhost>

Hi again,
I was wondering if any of the recs specify how floats relate to 
inline table displayed elements. In some ways this omission (if there 
is one) seems to be more of an issue than nesting floats, since it 
seems this is not interoperably implemented but less since problems 
here could be less common in actual pages.

Some quick testing indicated Opera (7.10) used floats to affect max-
width, but got in trouble when the width of the table-cell needed to 
be less than max. Mozilla (1.4) did not make multiple floats affect 
max-width but did cope well with having the below case properly 
affect cell-height (assuming this is the right thing to do) and 
positioning the floats. IE (6+?) seemed to position the two floats 
below on top of each other.

How should a case like this be handled? (freely written, untested)
CSS: 
td {display: table-cell}
img {float: right; width: 100px; height: 100px}

Markup:
<td>Text<img src="some_img.png" /><img src="some_other_img.png" />
</td>

Thanks in advance,
 /Staffan
Received on Thursday, 21 August 2003 20:05:08 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:23 GMT