HTML+CSS+JavaScript

Помогите, мясяц назад встрял над этой задачей, сейчас сова взялся за неё.

требуется создать колонки как в газете, количество колонок будет зависить от ширины бравзера.
Даже если юзер сделает ресайз окна, те колонки которые не помещаются, должны спуститься вниз.
Делаю таблами, никак не получается (((

текст уже разбит на блоки и нужно просто выводить нужное количество колонок по ширине?
или автоматом дробить текст на колонки чтобы он перетекал из одной в другую?

Колонки ка бы не зависымы друг от друга, там может находится другая табла, рисунок, может даже форма.
Нужно переводить сами колонки на следующую строку

div{width:200px;float:left;}

<div>a</div><div>b</div><div>c</div><div>d</div><div>e</div><div>f</div><div>g</div>

Мега спасибо!