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

Re: [css3-multicol] Section 2. The multi-column model, Example 8

From: Gérard Talbot <www-style@gtalbot.org>
Date: Wed, 26 Jun 2013 17:11:10 -0400
Message-ID: <830b1f4317d229c95e09ec36298f4e47.squirrel@ed-sh-cp3.entirelydigital.com>
To: "Håkon Wium Lie" <howcome@opera.com>
Cc: "W3C www-style mailing list" <www-style@w3.org>

Le Mer 26 juin 2013 16:35, "Gérard Talbot" a écrit :
> Hello,
>
> Something bugs me with the examples, all the examples in the multi-column
> model spec. The descenders of last lines of each and all columns of
> multi-column elements are overlapping into the padding area of the
> multi-column div and this shouldn't be. (In other words, the p,j,y,q,g
> glyphs overlap the bottom blue lines)
>
> § 2. The multi-column model, Example 8
> http://dev.w3.org/csswg/css-multicol/#the-multi-column-model
>


Okay. I know what is happening, what's causing this:

font: bold 14px/19px Arial,sans-serif;

At line 23:

.cols { width: 500px; height: 200px; background: #fff; position: relative;
border: solid 5px blue; margin: 0.5em 2em 1em 0; font: bold 14px/19px
Arial, sans-serif }


If your browser has minimum font-size set to above 14px, then there will
be overlapping occurring!


Gérard

> I adapted that example and created:
>
> http://www.gtalbot.org/BrowserBugsSection/CSS3Multi-Columns/Example8.html


-- 
CSS 2.1 Test suite RC6, March 23rd 2011
http://test.csswg.org/suites/css2.1/20110323/html4/toc.html

Contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/

Web authors' contributions to CSS 2.1 test suite
http://www.gtalbot.org/BrowserBugsSection/css21testsuite/web-authors-contributions-css21-testsuite.html
Received on Wednesday, 26 June 2013 21:11:41 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:12 UTC