Databases
StackOverflow2013
Postsdbo
PONeed an Overview of Possibilities for multicolumn programming
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PONeed an Overview of Possibilities for multicolumn programming
    text
    copied!<p>From <a href="http://www.quirksmode.org/css/contents.html" rel="nofollow">source1</a> and <a href="http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx" rel="nofollow">source2</a> 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 <code>Programming Power</code> to make multi-columns work.</p> <p>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 <code>program smart enough to split it up into X equally wide columns</code>.</p> <p><strong>Question: before i start reinvent the wheel, what methods of programming power have you known that tackle this elegantly?</strong> Please suggest your best working multi-column layout sources so I can evaluate which option is the best (I will update the below table).</p> <p>Exploring all possibilities 2011 and further, to enable multi column text user experience:</p> <pre><code>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 ? ? ? // </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload