User-Agent: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.2b3) Gecko/20091115 Firefox/3.6b3 Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.2b3) Gecko/20091115 Firefox/3.6b3 If the height of an element (tested with div) is constrained via the max-height property, and the element's content is multi-column and overflow is set to visible, using -moz-column properties, the overflowed content is added vertically, so the columns expand bellow, instead of being added inline (so horizontally) to the right of the rest of the columns. This doesn't happen if the height of the element is constrained via the height property. I've mentioned that problem on this blog post: http://webdesignernotebook.com/css/remembering-the-css3-multi-column-layout-module/ Reproducible: Always Steps to Reproduce: 1. Created div with max-height applied to it, and overflow:visible 2. Divided div's content with -moz-column-gap and -moz-column-width properties Actual Results: The content overflows the div vertically. Expected Results: There should be created more columns of content horizontally (inline) instead of the content flowing vertically. The specs say: " A multi-column element can have more columns than it has room for due to: * Constrained column height. […] In continuous media, the columns that do not fit within the multicol element are added in the inline direction." http://www.w3.org/TR/css3-multicol/#overflow-outside-multicol-elements The behaviour is correct if using the "height" property instead.
Component: General → Layout
Product: Firefox → Core
QA Contact: general → layout
Version: unspecified → 1.9.2 Branch
Status: UNCONFIRMED → NEW
Ever confirmed: true
You need to log in before you can comment on or make changes to this bug.