- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
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.
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
Alex, have you seen this: Columnizer jQuery Plugin.
Perhaps it might be the solution, or at least lead you in the right direction…
Thank you! That looks perfect – just about to have a proper play around with it.
Thanks again!
Thank you, works great!
Won’t CSS regions be a perfect solution for this?
It probably would. Damn shame it is barely supported by any browser.
http://caniuse.com/css-regions