tests: containing floats with display:table.

back to introduction

code

div.inflow {background:#d8ebff;}
div.tablediv {display:table; background:#ffd4cc;}
p.table-p { background:#ccc; display:table;}
table {background: #daf2e8;}

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

Notes

• Refer to heights for block formatting context roots.
• IE 5 Mac: does not support display:table. Other techniques can possibly be used, such as display:inline-block
• IE Win: does not support display:table. In order to contain the floats, elements must gain ‘haslayout’ — see On having layout.
• This works correctly in iCab 3 (beta 382), Firefox 1.0x and newer, Safari 1.2 and newer, Opera 7.54 and 8.0x, 9.0 TP1, Mozilla 1.0 and newer.

Last modified: September 10 2009 03:10:58 GMT.

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