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

RE: [css3-multicol] column overflow

From: Refstrup, Jacob Grundtvig <jacob.refstrup@hp.com>
Date: Thu, 16 Oct 2008 23:06:27 +0000
To: Håkon Wium Lie <howcome@opera.com>, David Hyatt <hyatt@apple.com>
CC: "www-style@w3.org List" <www-style@w3.org>, Robert O'Callahan <robert@ocallahan.org>
Message-ID: <59DD1BA8FD3C0F4C90771C18F2B5B53A3749267477@GVW0432EXB.americas.hpqcorp.net>

I like it. In addition I'd also like that 'max-height: <length>' combined with 'overflow: hidden' would mean we'd stop after the first column container (first row of columns). That may be what is implied but it may be good to call it out.

In the case where you have multiple rows Håkon's proposal states the same styling applies (border, padding, margin) -- would there not be use cases where you'd want a different styling between rows? For example a horizontal rule between rows?

 +--------------+----------------+---------------+
 |                                               |
 | This is some   to test multi-   This sentence |
 | sample text    column layout.   continues in  |
 |                                               |
 |         ----------------------------          |
 |                                               |
 | the next col-                                 |
 | umn.                                          |
 |                                               |
 +--------------+----------------+---------------+

You could accomplish this with a pseudo element (for maximum flexibility) ::column-row-gap [need better name!].

Another thought -- it would seem that the encapsulating DOM element (e.g. a <div>) really wants to "refer" to the all rows; it may be more natural to have a pseudo element ::column-row for which you apply 'max-height: <length>'; you could potentially also allow the ::column-row and ::column-row-gap to accept a ax+b notation (as some other selectors do).

So the <div> with 'column-width' and/or 'column-count' set would implicitly have a pseudo element for each column row and a pseudo element for each gap. If 'max-height', 'overflow' and others are applied to the <div> then it refers to the <div> and not a column row.

Thoughts?

- Jacob

> -----Original Message-----
> From: www-style-request@w3.org
> [mailto:www-style-request@w3.org] On Behalf Of Håkon Wium Lie
> Sent: Thursday, October 16, 2008 12:51 PM
> To: David Hyatt
> Cc: Håkon Wium Lie; www-style@w3.org List; Robert O'Callahan
> Subject: Re: [css3-multicol] column overflow
>
>
> Also sprach David Hyatt:
>
>  > Let's say you had way more text in your example, such that
> you had 3  > tiny columns and 24 more columns in the current
> implementations (all  > spilling out horizontally).
>  >
>  > Are you proposing that those 24 extra columns would be
> stacked  > vertically in 8 overflowing rows of 3?
>
> Yes.
>
>  > I think this would be ideal, since I could hit "page down"
>  > scrolling and read each "column page."
>
> Indeed.
>
> -h&kon
>               Håkon Wium Lie                          CTO °þe®ª
> howcome@opera.com                  http://people.opera.com/howcome
>
>
Received on Thursday, 16 October 2008 23:08:23 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:55:15 GMT