Floats and inline-table boxes

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 UTC