Distribute growing list of data evenly in columns

They have: 140 posts

Joined: Nov 2003

Hi-

I have a list of information that is continually
growing that I want to display on a page in 3 columns.
It is currently displayed in one long column.

I can't seem to figure out how to code the page so that
it distributes the data in equal length columns as the
list grows.....

Any help or direction is appreciated.

CBC58

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

I think this is actually tougher than you'd think. HTML hasn't been scturectured to allow for columned layouts, so you'll have to find a work-around. (although there is talk of future versions supporting columns) I'll bump this over to Web Authoring since the folks over there will be more likely to know of a solution.

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

Well, here's the scoop -- columns on the web that are generally quite annoying. Anything that you would read in a chunk is better left in a chunk. Smaller blurbs, naturally, don't worry about flow as much, and aren't as big a deal to read online because you can read them in one screen, then scroll down for the next set.

The column support that is purportedly coming should apply to print styles only, however it will likely be added to web styles as well. This is in CSS-3 and may not fulfill 3 columns of text.

Your best solution for current technologies is to use a server-side language to split the content, if you insist on columns. A better solution may be to add internal targets for users to navigate within the long column, or break it into several pages.

They have: 140 posts

Joined: Nov 2003

Thanks very much for the input..... guess I'll have to come up with
another solution to displaying the list of data.

nicora's picture

He has: 267 posts

Joined: Nov 2001

Server side is the way to go, but if you have to use client side only, try this. No matter how many elements you use, there will always be just three columns. This has to be fixed with, however.

http://www.seemecreate.com/archive/grid.htm

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.