If you add p {margin-top: 0;} to your CSS, it will remove the margin at the top of the first column.

Which mode are you having trouble with and can you point us to an example (or post a screen shot)?

Any thoughts on removing that hard return? It's visible in the textual example above.

But what CSS3 offers is so awesome, that people want to use it anyway and most browsers implement rules to let them do exactly that. Plus the W3C is usually slow as hell to approve these things anyway.

IE9 provides support for some CSS3 elements, but for the most part it seems Microsoft wants to wait until all this is formalised first. That leads to things not working in IE.

However the text will not flow from one column to another, you would need to enter it into each div.

Thanks for the tip, but if text does not flow from one column to another, it will be very impracticable. I wonder why MS hasn't incorporated the multicolumn feature into their browser.

1) The CSS was as follows:

/* MULTI-COLUMNS ============================== */ /*5 column layout*/ div.column1, div.column2, div.column3, div.column4, div.column5 { float: left; margin-left: 0; padding: 0 10px; position:relative; width:150px; }

2) Then in the page itself you use divs with the class you specified in the CSS:

[[div class="column1" style="float:left; width:250px;"]] [[image /images/stairs.jpg]] [[/div]] [[div class="column2" style="float:left; width:250px;"]] [[image /images/exterior.jpg]] [[/div]] [[div class="column3" style="width:250px;"]] [[image /images/ceiling.jpg]] [[/div]] [[div style="clear:both;"]] [[/div]]

I used images in the columns but of course you can also use text. However the text will not flow from one column to another, you would need to enter it into each div.

There is currently no IE equivalent to the -moz-column-count rule.

Internet Explorer does not support any of the CSS3 multi-column layout properties.¹

Nor does CSS3 Pie add support for multiple columns.

so I don't know how to set up a multiple column caption

If you have a look at the page here, is that the sort the of multi-column thing you are wanting to do? Under each image is a header and also other text. It's done with divs and CSS. So have a look at the page source but you will also need to look at the css for that page which is at http://vineyard.wikidot.com/columns:css

Let me know if you need me to talk you through any of this.

Apparently, one can't nest divs,

Yes you can. You can't nest modules but you can nest divs.

To write it, you must do exactly as if you were writing a capital letter, or a symbol above a number eg. $, %, ^, &. That is, you need to hold the "shift" key down when you press it.

Have a happy New Year.

Achille

Does the ~~~~~ line clear the float work for image, too?

Thanks, in advance Phill.

Regards

Achille

[[div style="-moz-column-count: 3;-moz-column-gap: 20px;column-count: 3;column-gap: 20px;"]] Lorem ipsum dolor sit amet, consectetuer adipiscing elit... [[/div]]

Does not work for ie7.
Firefox works ok, BUT, if you are using drop down lists in nav side, it may (not tested on all themes) render drop down inoperable.