How to align multiple columns

[David Gifford]

CSS question: I have used for a long time the following CSS. But the first column always begins one item lower than the other two. See http://www.giffmex.org/tw5mall.htm for an example. Is there a way around this?

/*COLUMNS*/
.twocolumns {
column-count:2;
-moz-column-count:2; 
-webkit-column-count:2;}

.threecolumns {
column-count:3;
-moz-column-count:3; 
-webkit-column-count:3;}

[Matabele]

Hi Dave

I think this caused because a margin is displayed at the top of the first column but not thereafter. I haven't tested this, but try adding:

/*COLUMNS*/
.twocolumns {
       column-count:2;
       -moz-column-count:2;
       -webkit-column-count:2;
}

.twocolumns > p:first-child {
       margin-top:0;

}
.threecolumns {
       column-count:3;
       -moz-column-count:3;
       -webkit-column-count:3;
}

.threecolumns > p:first-child {
       margin-top:0;
}

regards

[David Gifford]

nope, didn't work. Thanks, though!

--
You received this message because you are subscribed to a topic in the Google Groups "TiddlyWiki" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/tiddlywiki/27gwhEnBOSU/unsubscribe.
To unsubscribe from this group and all its topics, send an email to tiddlywiki+...@googlegroups.com.
To post to this group, send email to tiddl...@googlegroups.com.
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.

--
David Gifford
Christian Reformed World Missions, Mexico City

[Stephan Hradek]

I can't see that… Browserissue?