Grow your CSS skills. Land your dream job.

Uneven Border Chrome Rendering Bug?

  • # February 27, 2013 at 2:20 pm

    I’m wondering if I’ve found a rendering bug in Chrome dealing with uneven borders. http://cdpn.io/gprxc shows an example of this. The top border is larger than the other side’s borders, and if you look at the top borders left and right edges you should see a staircase effect. I’ve tested it in Chrome, Safari, and FF, all with the same results. Is this a know bug? Anyone know of a way to fix this short of applying the top border to a child or parent element? I appreciate any help.

    # February 27, 2013 at 2:33 pm

    It’s just a function of the Chrome trying to render sub-pixels which it doesn’t do very well.

    Effectively, for every 1px of your side border the top border has to go across 3.3333px…or something like that

    That has to show up somewhere….

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".