Re: [css3-multicol] column overflow

Also sprach David Hyatt:

 > "One alternative method that has been suggested (most recently by David
 > Storey) is to place the overflow content underneath the first set. One
 > can think of this as cloning the original multicol element as many
 > times as necessary and stacking them on top of each other.
 > Margin/padding/border set on the original multicol elements will also
 > be honored for the cloned elements."
 > 
 > How would you specify the vertical spacing between these column  
 > pages? 

My initial proposal is just to apply the margin/border/padding
properties to all multicolumn elements -- both the original and the
cloned ones.

 > In the case of overflow:auto, I would not expect margins or  
 > borders on the multicol element to be duplicated, since the scrollbar  
 > sits just inside the border.

We could still use margin/border/padding vertically, though?

 > Here are some ideas:
 > 
 > (1) Perhaps the vertical padding on the multicol element could be used  
 > to determine spacing.  The vertical space between any two column pages  
 > could be max(padding-top, padding-bottom).

This is a simple solution that could work. It raises the issue of
where borders set on the multicol element should be drawn -- around
(a) only the original multicol element, (b) around the original as
well as every cloned element, or (c) one border around all elements.

I favor (b).

 > (2) Reuse column-gap but apply it vertically.

Pragmatic. But I think the vertical space will typically be wider than
the gap.

 > (3) Make up a new property to control spacing between the pages...  
 > column-page-gap or something. :)

Or, (4) we could add another value to 'column-gap'.

Ideally, I'd like to avoid adding new properties.

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

Received on Thursday, 16 October 2008 22:12:03 UTC