Block elements 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: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.5 & IE8b

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

Passed: IE8b~7 (showing underlap)

Passed: IE 5.5, IE 6, IE 7 (???)

display:run-in 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.5, Gecko 1.7~1.9 & Safari 3

Failed: IE8b (showing as display:inline)

Not Supported: IE 5.5, IE 6, IE 7

display: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.5, Gecko 1.7~1.9 & Safari 3

Failed: IE8b

Not Supported: IE 5.5, IE 6, IE 7

display:table-cell 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.5 & Gecko 1.7~1.9

Failed: IE8b & Safari 3

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

display:table-row 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.5 & Gecko 1.7~1.9

Failed: Safari 3

Unknown: IE8b1

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

Overflow Properties

overflow:auto 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.5 & Gecko 1.9

Passed: Gecko 1.7~1.8 & Safari 3 (stacking over float)

Failed: IE8b

Failed: IE 7 (due to IE/Win escaping float bug)

Failed: IE 5.5 & IE 6 (???)

overflow:hidden 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.5 & Gecko 1.9

Passed: Gecko 1.7~1.8 & Safari 3 (stacking over float)

Failed: IE8b

Failed: IE 7 (due to IE/Win escaping float bug)

Failed: IE 5.5 & IE 6 (???)

CSS Class test