W3C home > Mailing lists > Public > www-style@w3.org > December 2011

Re: `overflow: hidden` on tables for border rounding doesn't seem to be supported by the standard

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Thu, 1 Dec 2011 08:19:07 -0800
Message-ID: <CAAWBYDDFiVbu6PLhYfKLKYJbPsDeF+Cu2r1KZcAckz9aNvpe3A@mail.gmail.com>
To: Yao Wei (魏銘廷) <mwei@lxde.org>
Cc: www-style@w3.org
On Thu, Dec 1, 2011 at 1:54 AM, Yao Wei (魏銘廷) <mwei@lxde.org> wrote:
> I am a student, and an amateur designer and developer. I was using
> border-radius on table element, and set the background color on table
> header, but I found that the color on table header overflowed on the
> corner.
> Then I used `overflow: hidden` on table, though Webkit-based browsers
> work well, Gecko-based browsers do not.
>
> I was going to file this “problem” on Mozilla, but I am worrying that
> it could be explained as `overflow: hidden` cannot be used on tables
> in CSS 2.1. Could the standard support this use case?
>
> The test case is shown below:
>
>  <div style="display:table;border-radius: 50px; overflow: hidden;">
>    <div style="display:table-row;">
>      <div style="display:table-cell;background:#f00;width:300px;height:300px;">
>      </div>
>    </div>
>  </div>

As far as I can tell, 'overflow' is supported on tables just fine.
This appears to be a Gecko bug.

~TJ
Received on Thursday, 1 December 2011 16:20:09 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:47 GMT