- From: Robert O'Callahan <robert@ocallahan.org>
- Date: Fri, 29 Jun 2012 14:36:20 +1200
- To: Elliott Sprehn <esprehn@gmail.com>
- Cc: Boris Zbarsky <bzbarsky@mit.edu>, www-style@w3.org
- Message-ID: <CAOp6jLY8+P_TZZapwZPoyn2O+rwqKzdECntUfbpUBTR6bnYFTQ@mail.gmail.com>
On Fri, Jun 29, 2012 at 12:47 PM, Elliott Sprehn <esprehn@gmail.com> wrote: > On Thu, Jun 21, 2012 at 10:41 PM, Robert O'Callahan <robert@ocallahan.org>wrote: > >> <!DOCTYPE HTML> >> <div style="width:200px; height:100px; padding-bottom:100px; >> overflow-y:scroll; border:1px solid black; background:orange; >> background-clip:content-box;"> >> <div style="height:200px; width:100px; background:yellow"></div> >> </div> >> Webkit and Opera render the orange content-box just 100px high, so it's >> not clear where they think the bottom-padding is. It's just looks like a >> bug that they can scroll vertically in that testcase. >> > > This is actually a really interesting case. > > IE7, Webkit, Opera and Firefox <= 11 all allow the area to be scrolled. > > IE8+ and Firefox 12+ don't allow the content to be scrolled. > > Should content overflow over the padding? Was this change intentional? > I think it was intentional in our case (Firefox). I think it is clearly a bug in Opera and Webkit. The content-box is 100px high. The 100px of bottom padding should be between the content box and the border, per spec. Look at it another way: why should adding/removing overflow-y:scroll affect where the bottom padding is placed? Rob -- “You have heard that it was said, ‘Love your neighbor and hate your enemy.’ But I tell you, love your enemies and pray for those who persecute you, that you may be children of your Father in heaven. ... If you love those who love you, what reward will you get? Are not even the tax collectors doing that? And if you greet only your own people, what are you doing more than others?" [Matthew 5:43-47]
Received on Friday, 29 June 2012 03:36:42 UTC