What Are The Ways to Devide Text in Multi-Column? Need an Overview of Possibilities.
- by Sam
Hi folks,
From source1 and source2 i gather that IE9 will NOT support multi-column css3!! Since it is still the most popular browser (another thing i cannot understand), i am left but no other choice than to use Programming Power to make multi-columns work.
Now, I use three divs that float to left, and which are manually filled with text. Please don't laugh i know its stupid! But I would wish to not to have to worry about the columns and just have a one piece of (un-interrupted) text which all goes into only 1 div, and then have a program smart enough to split it up into X equally wide columns.
Question: before i start reinvent the wheel, what methods of programming power have you known that tackle this elegantly? Please suggest your best working multi-column layout sources so I can evaluate which option is the best (I will update the below table).
Exploring all possibilities 2011 and further, to enable multi column text user experience:
Language Author SourceCodeUsage WorksOnAllMajorBrowser?
=================================================================================
html manual labour put text manually in separate left-floating divs "Y"
// Upside: control! Downside: few changes necessitates to reflow 3 divs manually!
CSS3 w3c css3.info/preview/multi-column-layout/ "N"
// {-moz-column-count: 3; -webkit-column-count: 3; } Thats all!
javascript a list apart will add url soon ?
//
php ? ? ?
//