WordPress.org

Ready to get started?Download WordPress

Forums

CSS3 2-column archive page breaking in safari (1 post)

  1. xiabolai
    Member
    Posted 3 years ago #

    I'm using an all css3 way to break the archive of posts into two columns. It's working perfectly in Chrome and Firefox. But in Safari the text is breaking into columns, however the post thumbnails associated with the text are running down the page, not following the 2 columns.

    Any ideas why it's breaking in Safari?

    Thanks

    Here's the css3:

    .2column {
    	  -moz-column-count: 3;
    	  -moz-column-gap: 10px;
    	  -moz-column-rule: none;
    	  -webkit-column-count: 3;
    	  -webkit-column-gap: 10px;
    	  -webkit-column-rule: none;
    	column-count: 3;
    	column-gap: 10px;
    	column-rule: none;
    	}

    Here's the archive php:

    [Code moderated as per the Forum Rules. Please use the pastebin]

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags