Home/ Questions/Q 8587731
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T22:38:23+00:00

I am trying to get rounded corners on a table element. Ideally, I would

  • 0

I am trying to get rounded corners on a table element. Ideally, I would like the rounded corners to show on IE 7-10, Chrome, and Firefox. To do that, I am using JQuery Corner. The problem I am facing is that when I apply the default rounded corner effect to the div that surrounds my table, the table overlaps the borders/corners.

Here a screenshot:
border

Why is table going outside of my div?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    Tables don't accept border-radius as a property.

    http://jsfiddle.net/Kyle_/zBE6H/

    What you can do is wrap it in a div and give that border radius, while removing the border of the table (or giving the border the same color as the div’s background.)

    http://jsfiddle.net/Kyle_/zBE6H/1/

    • 0