tests: containing floats with display:inline-block and display:inline-table

back to introduction

Note: this test file illustrates how display:inline-block and display:inline-table can eventually be used as an alternative for display:table in MSIE for Mac.

code

div.inflow {background:#d8ebff;}
div.inline-blockdiv {display:table; background:#ffd4cc;}
p.inline-block-p { background:#ccc; display:table;}
div.inline-tablediv { display:inline-table; background:#f2dae3;}

.innerfloat {float:right; background:blue; color:#fff; width:4em; height:4em; padding:1em; border:thin solid #000}

Notes

• see these notes on this display type.
• IE 5 Mac: has experimental and partial support display:inline-block is supported.display:inline-table is also supported.
• IE Win: supports display:inline-block partly; block level elements gain ‘haslayout’ — see On having layout.
• display:inline-block and display:inline-table are not supported yet by Gecko browsers. iCab 3.0 (382), Safari 1.2 and newer, Opera 7.54 and newer support display:inline-block, but give conflicting test results. iCab is rather buggy with the display:inline-block tests; Opera (up to version 8.5) has some more problems.

Last modified: May 25 2006 02:53:44 GMT.

• A [ La Chatte Noire ] development area
• [ contact ]
• [ sectionindex ]
• [ Empty Spaces ]