Re: padding lost in overflow

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