Search results

Good! That gives the same effect of tables, without tables: http://jsfiddle.net/RJa2k/51/ However, the leftmost column in the second table is still too narrow...

There are 3 different types of content, so I put each of them in a different column.

Great insight, thanks! So, my original question pertains to this print-specific CSS: what should I put in that CSS, in order to have the column widths adjust to their content, and achieve minimum height?

Because I want the height to be as small as possible. The layout is used not only for web, but also for print. The more height - the more pages needed for printing it. If I set the column width to a constant, then in some cases one column will be very high, and will spill over to a new page...

Thank you for the detailed code sample (which I put here: http://jsfiddle.net/57b39/7/ )! However, that is not exactly what I need. I don't want the columns to be equal width, on the contrary, I want their width to adjust according to their content, so that columns with more content are wider...

CSS3 columns looks good, but, if I understand correctly, it is for a SINGLE piece of text that should be displayed in 3 CONTINUOUS column, while in my case, there are 3 different pieces of text, each should be displayed in its own column.

Thanks, guys, but - I DO use a table! And it works well when each TD contains a single div, but when each TD contains several divs - it breaks. See the second table here: http://jsfiddle.net/erelsgl/RJa2k/3/

I create dynamic HTML pages with 3 columns. Each column can contain a variable amount of text - from 0 to 1000 words. I want the text in the 3 columns look approximately the same height. So, I want to have the column widths change automatically according to the amount of text they contain. In...