Back to the article

IE Mac test-case

This page should show that if "Georgia" is used as font-family, then display:inline-block and float fail to enclose floats (note that a few other fonts seem to trigger the same behavior).

Update: Bruno Fassino sent me the URI of a document that shows similar behavior; the issue seems related to how lines wrap.

Check the exact same document without Georgia

Header:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Content:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec lacinia fringilla elit. Aliquam eget purus. Cras interdum, elit a luctus pulvinar, nulla eros tempus nunc, in sagittis est dolor et dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec lacinia fringilla elit. Aliquam eget purus. Cras interdum, elit a luctus pulvinar, nulla eros tempus nunc, in sagittis est dolor et dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. A floating image

Using the button below shows that display:inline-block works properly when the box is not "widthless" (float still does not work though).

Header:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Content:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec lacinia fringilla elit. Aliquam eget purus. Cras interdum, elit a luctus pulvinar, nulla eros tempus nunc, in sagittis est dolor et dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec lacinia fringilla elit. Aliquam eget purus. Cras interdum, elit a luctus pulvinar, nulla eros tempus nunc, in sagittis est dolor et dui. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. A floating image

This work is licensed under a Creative Commons License Creative Commons License.