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

Re: [css3-multicol] z-order of column-rule: below or above border?

From: Håkon Wium Lie <howcome@opera.com>
Date: Sun, 6 Oct 2013 15:20:21 +0200
Message-ID: <21073.25493.584452.733791@gargle.gargle.HOWL>
To: Rossen Atanassov <Rossen.Atanassov@microsoft.com>, Morten Stenshorne <mstensho@opera.com>
Cc: www-style@gtalbot.org, "www-style mailing list" <www-style@w3.org>
Morten Stenshorne wrote:

 > > It seems that IE11 behaves like FF/Op/Ch. AntennaHouse 6.1.6.12100 does the same,
 > > while Prince 9.0 puts the border on top.
 > >
 > > Based on this, I suggest changing:
 > >
 > >   Column rules are painted in the inline content layer, but below all
 > >   inline content inside the multicol element.
 > >
 > > to 
 > >
 > >   Column rules are painted in the inline content layer; below all
 > >   inline content inside the multicol element, but above the border of
 > >   the multicol element.
 > 
 > Putting the rule so high seems wrong and unnecessary to me, and I also
 > disagree with what the current ED says:
 > 
 >     http://dev.w3.org/csswg/css-multicol/#column-gaps-and-rules
 > 
 >     Column rules are painted in the inline content layer, but below all
 >     inline content inside the multicol element.
 > 
 > Why draw it so far apart from the multicol's border? Why not draw it
 > just after the border?

That works for me. Could you suggest a text?

 > This:
 > 
 >     <style>
 >         .mc {
 >             -moz-columns:2;
 >             -moz-column-rule:30em solid black;
 >             -webkit-columns:2;
 >             -webkit-column-rule:30em solid black;
 >             columns:2;
 >             column-rule:30em solid black;
 >         }
 >     </style>
 >     <body>
 >         <div class="mc" style="width:20em; border:1em solid yellow;">
 >             <div style="background:lime;">
 >                 This text should be visible, on a lime background.
 >             </div>
 >             <br><br><br><br><br><br><br><br><br><br><br><br><br>
 >         </div>
 >     </body>
 > 
 > passes in Gecko, WebKit, Presto and Trident. Why change that? The
 > rendering is identical in Gecko, WebKit and Presto (multicol border
 > below, then multicol rule, then child block background, then
 > text). Trident, on the other hand, paints the rule before the border,
 > otherwise identical.

Rossan, you have pushed for the current workding -- could you commment?

-h&kon
              Håkon Wium Lie                          CTO °þe®ª
howcome@opera.com                  http://people.opera.com/howcome
Received on Sunday, 6 October 2013 13:21:02 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:51:02 UTC