Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Two Column text flow

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #30946
    infocentre
    Member

    Hello guys.

    I would like to pick you’re brains as to whether there is a way to have two columns with fixed height and width with text flowing between the two.

    Example: I have a online magazine (physically displayed like an open book with two pages on view) and it is run on wordpress. So, i want to allow the editor to write content into the content box of WP and have that text flow between two columns.

    The more i look into it, the harder it seems!

    Cheers guys
    Alex

    #70229
    cpj238
    Member

    You can do this with CSS3 pretty easily with vendor prefixes for modern browsers…but as far as IE6/7/8/9 are concerned…well you’re out of luck with CSS3.

    #magazine {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    }

    There could be a Javascript or JQuery plugin out there that might accomplish the effect you want, but then again I don’t know, never tried looking for one.

    #70140
    infocentre
    Member

    Thanks for the advice! Really it needs to compatible between most browsers (at least the IE included!)

    I have tried looking for a jQuery fix, but nothing seems to be out there…

    Thanks
    Alex

    #69075
    harkonenn
    Member

    Alex, have you seen this: Columnizer jQuery Plugin.

    Perhaps it might be the solution, or at least lead you in the right direction…

    #66779
    infocentre
    Member

    Thank you! That looks perfect – just about to have a proper play around with it.

    Thanks again!

    #120200
    shadowmason
    Member

    Thank you, works great!

    #120201
    chrisburton
    Participant

    Won’t CSS regions be a perfect solution for this?

    #120248

    It probably would. Damn shame it is barely supported by any browser.
    http://caniuse.com/css-regions

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.