Re: Comments on css3-multicol

Also sprach Giovanni Campagna:

 > > Further, in the description of the "break" properties, this text now
 > > occurs:
 > >
 > >  When a page or column break splits a box, the box's margins,
 > >  borders, and padding have no visual effect where the split occurs.
 > >  However, margins will be preserved after forced page/column break. A
 > >  forced page/colum break is a break that does not occur naturally.
 > 
 > Should you note "box-break"? There are UAs that may support css3-background
 > before css3-multicol.

Good point. I've changed the draft to:

  When a page or column break splits a box, the box's margins,
  borders, and padding have no visual effect where the split occurs.
  However, the margin immediately after a forced page/column break
  will be preserved. A forced page/colum break is a break that does
  not occur naturally.

  Note: In the future, new properties may describe alternate
  ways to handle margins, borders and padding around page/column breaks.

 > >   >     4.b) what happens if a non-floated element overflows vertically?
 > >  > Is it still clipped regardless of overflow? Can implementations put
 > >  > scrollbars, if overflow asks so?
 > >
 > > Yes, the spec states:
 > >
 > >  Content that extend outside column boxes at the edges of the
 > >  multi-column element is clipped according to the 'overflow'
 > >  property.
 > 
 > There's still one problem. Consider:
 > 
 > <div><img src="a"><img src="b"><img src="c"><img src="d"></div>
 > 
 > div {
 > column-count:3;
 > column-fill:balance;
 > height:300px;
 > }
 > img {
 > height:300px;
 > display:block;
 > }
 > 
 > Do I get 4 columns, one column longer than the other (overflowing), or two
 > columns with two images each, and the third empty?

The draft states:

  A multi-column element can have more columns than it has room for due to: 

  - Constrained column height. The height can be constrained by a rule
    on the multi-column element.

This wording implies that the height should be honored and the number
of columns increased. So, you would get 4 columns.

However, the language is quite soft. Here's a stronger version:

  A multi-column element can have more columns than it has room for due to: 

  - Constrained column height. A declaration that constrains the
    column height (e.g., using 'height') must be honored, if possible.
    In paged media, the column height is constrained by the size of
    the page. 

I've added this to the editor's draft.

 > Does it depend on overflow-x vs overflow-y on div? 

No. These properties specify what should happen when overflow occurs
-- they should not influence which direction overflow takes.

 > What if the images were always higher than the div's content area?

Then you have overflow in the vertical direction. And the overflox*
properties describe how to deal with it.

Cheers,

-h&kon
              Håkon Wium Lie                          CTO °þe®ª
howcome@opera.com                  http://people.opera.com/howcome

Received on Sunday, 18 October 2009 13:21:03 UTC