Clever Geek Handbook

Safari column display error

Safari 7 and 8 seem to display the title of items in the right column of my site ( https://unindented.org/ ) incorrectly:

Titles in right column rendered incorrectly

I just do the following in the container:

-webkit-column-count: 2;
   -moz-column-count: 2;
        column-count: 2;
-webkit-column-width: auto;
   -moz-column-width: auto;
        column-width: auto;

Is there a workaround for this error?

+3


source to share


1 answer


You have two options:

  • Remove overflow: hidden

    from your item header

    .
  • Remove property border-radius

    fromheader



I wish I could tell you why this would work. But the Safari website implementation is almost as bad as IE.

+5


source






More articles:


All Articles