W3C home > Mailing lists > Public > www-style@w3.org > January 2014

Re: padding lost in overflow

From: Mats Palmgren <mats@mozilla.com>
Date: Fri, 10 Jan 2014 01:57:30 +0000
Message-ID: <52CF538A.6030507@mozilla.com>
To: Ojan Vafai <ojan@chromium.org>
CC: "www-style@w3.org" <www-style@w3.org>, "Tab Atkins Jr." <jackalmage@gmail.com>, David Baron <dbaron@dbaron.org>, Daniel Holbert <dholbert@mozilla.com>, Elliott Sprehn <esprehn@chromium.org>
On 01/09/2014 10:33 PM, Ojan Vafai wrote:
 > [...]
 > Gecko and IE8+: Padding on the bottom and right get lost.


No, the padding is there, you just don't see it because it's
overlapped by the inner DIV in your example.

Perhaps it helps to think about what happens if you change
overflow:scroll in your example to overflow:hidden --
note that no content is clipped by that...

Now change it to overflow:auto -- are you suggesting there
should be scrollbars in this case?  even though no content
were clipped?

We fixed Gecko because the old rendering violates the
Box Model:  http://www.w3.org/TR/CSS2/box.html
and 11.1:
http://www.w3.org/TR/CSS21/visufx.html#overflow-clipping

FWIW, I find the spec and the current layout in Gecko to be
entirely logical and consistent.

/Mats


 > [...]
 > <style>
 > #scrollable {
 >      padding: 100px;
 >      overflow: scroll;
 >      background: green;
 >      height: 200px;
 >      width: 200px;
 > }
 > #item {
 >      width: 300px;
 >      height: 300px;
 >      background: red;
 > }
 > </style>
 > <div id="scrollable">
 >      <div id="item"></div>
 > </div>
Received on Friday, 10 January 2014 16:38:13 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:38 UTC