tests — block formatting context adjacent to float: using display:table

back to introduction

The same test, but using float:left instead of float:right.

code

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

div#one {float:right; width:100px; height:200px; border:2px solid lime; background:#f1f1f1}

Notes

• See the previous test
• Opera 7.54 vs Opera 8: Opera 7.54 seriously mishandles the horizontal margins, drops the elements below the floated block.
• Konqueror 3.x has problems with this file, due to title attribute on the linked style sheet.

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

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