Inline elements with a width and floats

Under reveiw and testing, 11th June 2008

Note: No implementation can be really be said to have passed or failed any of these test but rather it's how I understand the specs (making notes). The tested elements have two colors. The boxes with a blue background are those properties and values that establish a new block formating context.

Display Properties

display:inline x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x

Passed: Opera 9.10~9.50 & IE8b1

Passed: Gecko 1.7~1.9 & Safari 3 (showing overlap)

Failed: IE 5.5, IE 6 & IE 7 (due to IE/Win escaping float bug)

display:inline-block x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x

Passed: Opera 9.10~9.50 & IE8b (???)

Failed: Gecko 1.9 & Safari 3.1 (showing beside green float, known bug)

Failed: IE 5.5, IE 6 & IE 7 (due to IE/Win escaping float bug)

Not supported: Gecko 1.7~1.8

display:inline-table x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x

Passed: Opera 9.10~9.50 & IE8b (???)

Failed: Gecko 1.9 & Safari 3.1 (showing beside green float, known bug)

Not supported: Gecko 1.7~1.8, IE 5.5, IE 6, IE 7

CSS Class test