Comments on: Tutorial: Multi-page, multi-column web pages

By: Herman van Gestel

Herman van Gestel — Fri, 30 Sep 2011 12:10:57 +0000

Great Article clear:
some points to improve?
a) a certain code to move the start of an article (or section/title ) to the start of a new column

b) a balanced version? if needs be for articles that would fit in less than a page?

just some little suggestions…otherwise just great!

By: Shrimpsoup

Shrimpsoup — Sun, 29 May 2011 08:39:06 +0000

Peter, Thanks for update, I Iike..it. Very usefull for me.

By: Peter Craddock

Peter Craddock — Sat, 28 May 2011 17:35:02 +0000

Small update: pagination added. See last pages of the tutorial.

By: K1GP

K1GP — Wed, 13 Apr 2011 07:32:56 +0000

Great tutorial!I use it in firefox4 and chromium12 and it work greatly.
Opera11.10 supports CSS3 multiple columns but still have a problem.It can’t handle huge content(more than 75,000 characters).

By: Peter Craddock

Peter Craddock — Mon, 21 Mar 2011 21:34:27 +0000

Well, so it is. I do not recall encountering that beforehand… maybe Chrome’s behaviour changed? I have fixed the issue on this website by declaring a large width for “columnified”, and it still works in Safari, Firefox & Opera. I’ll be posting the modifications into the tutorial and other websites using the code.

Thanks Chris for pointing that out!

By: Chris

Chris — Mon, 21 Mar 2011 19:18:05 +0000

Hi, first, great tutorial! It doesn’t seem to work in Chrome, though. Have you noticed this issue?

By: Ben Bunch

Ben Bunch — Mon, 07 Mar 2011 15:24:37 +0000

Thanks Peter,

Really appreciate the retooling for multiple layouts. I’ll see if I can get this shaped to my needs.

Cheers,
B

By: Peter Craddock

Peter Craddock — Sun, 06 Mar 2011 19:24:13 +0000

Dear Ben,

I have modified my “CSS3-Book” to show how two sections can be multi-column/multi-page (the top one uses a page flip animation, while the lower one uses a slide animation).

I haven’t yet got it to work properly in Internet Explorer, though.

In Opera, the code is very strange, but it works: I have two css3-multi-column.js files, each mentioning a different size, but pointing towards the same container ID (“columnified”). Normally, it should be “columnifiedtwo” for the second group of elements.

I guess I’ll have to delve in deeper into the Javascript to figure out how to get IE to work, and to figure out why Opera behaves that way.

By: Milan

Milan — Sat, 05 Mar 2011 11:24:05 +0000

Commented by Milan

[Admin-edit: care to further elaborate?]

By: Peter Craddock

Peter Craddock — Wed, 02 Mar 2011 21:14:13 +0000

Good question… I’ll see whether I can’t play around with the JS a bit this weekend.