W3C home > Mailing lists > Public > www-style@w3.org > October 2011

Re: [css3-multicol] Clarification on column-fill

From: Scott Johnson <sjohnson@mozilla.com>
Date: Sun, 30 Oct 2011 19:15:12 -0500
Message-ID: <4EADE890.5020009@mozilla.com>
To: robert@ocallahan.org
CC: www-style@w3.org
Hi Robert:

Yes, I think I did mix up my examples.

The explanation you give seems reasonable, but what happens if the 
continuous media isn't bounded, and column-fill: auto is set? I know 
that the spec states that it only applies to situations where the 
continuous media has a maximum height, but in cases where it's allowed 
to be unbounded, should the property just be ignored? In other words, 
for unbounded continuous media, should columns always be balanced?

For clarification for the archives of the list, my example was supposed 
to be the following:

<div class="col">

           ... text content ...
</div>
             

with the following style:

.col {

         column-count: 2;
         max-height: 7em;
         column-fill: balance;
}
       


We would have something like the following as a result:

          ____________________   ____________________   ---
       | ~~~~~~~~~~~~~~~~~~~~ | ~~~~~~~~~~~~~~~~~~~~ |  |
       | ~~~~~~~~~~~~~~~~~~~~ | ~~~~~~~~~~~~~~~~~~~~ |  |
       | ~~~~~~~~~~~~~~~~~~~~ | ~~~~~~~~~~~~~~~~~~~~ |  |
       | ~~~~~~~~~~~~~~~~~~~~ | ~~~~~~~~~~~~~~~~~~~~ | ~6em
       | ~~~~~~~~~~~~~~~~~~~~ | ~~~~~~~~~~~~~~~~~~~~ |  |
       | ~~~~~~~~~~~~~~~~~~~~ |                      |  |
         --------------------   ---------------------  ---
       



But, if we have:

.col {
         column -count: 2;
         max-height: 7em;
         column-fill: auto;
}
       

Then, we'll end up with something more along the lines of this:

          ____________________   ____________________   ---
       | ~~~~~~~~~~~~~~~~~~~~ | ~~~~~~~~~~~~~~~~~~~~ |  |
       | ~~~~~~~~~~~~~~~~~~~~ | ~~~~~~~~~~~~~~~~~~~~ |  |
       | ~~~~~~~~~~~~~~~~~~~~ | ~~~~~~~~~~~~~~~~~~~~ |  |
       | ~~~~~~~~~~~~~~~~~~~~ | ~~~~~~~~~~~~~~~~~~~~ | ~7em
       | ~~~~~~~~~~~~~~~~~~~~ |                      |  |
       | ~~~~~~~~~~~~~~~~~~~~ |                      |  |
       | ~~~~~~~~~~~~~~~~~~~~ |                      |  |
         --------------------   ---------------------  ---
       

~Scott


On 10/30/2011 07:03 PM, thus spoke Robert O'Callahan:
> Did you mix up your examples?
>
> The spec isn't very clear, but I think the natural thing to expect is 
> that column-fill:auto will make the first column reach its maximum 
> height (7em) and put the rest of the content at the top of the next 
> column. The element as a whole will take its max-height (7em). 
> column-fill:balance will balance the columns and set the element's 
> height to 6em.
>
> Rob
> -- 
> "If we claim to be without sin, we deceive ourselves and the truth is 
> not in us. If we confess our sins, he is faithful and just and will 
> forgive us our sins and purify us from all unrighteousness. If we 
> claim we have not sinned, we make him out to be a liar and his word is 
> not in us." [1 John 1:8-10]
Received on Monday, 31 October 2011 00:15:44 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:45 GMT