positioning of block elements in columns

Hello, I need to display some data in a content pane. The data fields all have the same fixed size, but the number of fields is variable and it could become necessary to make the content pane resizeable.

My html could look like this:

Code:

1

2

3

4

5

6

7

8

9

I want the inner div’s to align vertical up to the bottom of the outer div and then start a new column. This shows how it should look:
[img]http://i33.tinypic.com/2qxmcfm.png[/img]

It looks like a table, but it’s not tabular data. The data is more or less an unordered list. I could use a table to realize the tabular design, but that would mess up the separation of content and design.

I could use absolute positioning and generate the layout with js, but if it would be somehow possible to realize this without js that would be really great. Using a table wouldn’t help, because then I would have to generate the whole table with js.

Tips

What now? I have some ideas for you.

Go explore CodePen!

As a front end designer and developer, you should have an account on CodePen so you can save your snippets, present your ideas, and engage with the rest other front end folk. I'd encourage you to go PRO as well, to unlock the full power of CodePen.

Get the newsletter!

You should sign up for the CSS-Tricks newsletter. It's a clean copy of all the blog posts each week, combined together, right to your inbox. If email isn't your thing, there is an RSS feed, iTunes, and lots of other ways to subscribe.

Listen to ShopTalk!

Subscribe to The Lodge!

The Lodge is a members-only, ad-free video learning area here on CSS-Tricks. Just like the free screencasts, but organized into four large complete series. Membership is also the #1 best way to support CSS-Tricks.

We can do the real footer now.

Site Links

Colophon

CSS-Tricks* is created, written by, and maintained by Chris Coyier. It is built on WordPress, hosted by MediaTemple, and the assets are served by MaxCDN. The fonts are Source Sans and Source Code Pro. It is made possible by viewers like you who subscribe to The Lodge and through advertising for products and services I like.