- From: Gérard Talbot <www-style@gtalbot.org>
- Date: Wed, 26 Jun 2013 17:11:10 -0400
- 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