Как лучше сверстать?

[CroaToa]

Есть такое задание

3 блока фиксированной ширины, первый и третий плотно прижимаются к бокам родительского блока.

У всех троих ширина одинаковая.

Внутри этих блоков будет располагаться контент нескольких форм, как нарисовано, только вот их очередность хаотичная как и нарисовано.

Вот теперь сижу думаю, делать все таки 3 колонки, или не стоит? Потом не трудно будет добавить контент в разные блоки через cms? 

На данный момент дал первому float:left; второму float:right; а тот что посередине задал margin по бокам, родителю добавил clearfix, колонки стоят. Какие еще варианты есть для оформления данного типа страниц?

Edited June 10, 2014 by CroaToa

[Aleksandr.L]

Думаю, что на флоатах и лучше всего. Не инлайн-блоками же делать или, скажем, таблицами

 

Потом не трудно будет добавить контент в разные блоки в cms?

 

Почему вы так решили, что будет трудно добавлять контент?

Edited June 10, 2014 by Aleksandr.L

[CroaToa]

Почему вы так решили, что будет трудно добавлять контент?

Ну у меня всего 1 опыт на cms, это обычный двухколоночный сайт был с сайдбаром и контентом.. сайдбар выводится, контент заполняется.. А тут не представляю как будут добавлять контент в третью колонку скажем. 

 

upd: отступы на самом деле не такие большие как нарисовано, для наглядности приведу цифры, ширина блоков по 300px, отступы по 30px, вот и думаю это на самом деле 3 колонки или же 1 колонка с добавляемым контентом в виде инлайн блоков скажем)

Edited June 10, 2014 by CroaToa

[npofopr]

Если это фиксированный макет, посмотрите как устроена разметка (Grid) у большинства фреймворках.

У бустрапа у вас и получится .row>.col-3*3 , только свои отступы и размеры вставить.Но там вроде те же float.

[klierik]

а в чем собственно возникает проблема?

это можно реализовать через:

1. inline-block

2. display: table (table-cell);

3. float: [left, right, none]

 

с какими сложностями столкнулся?

[npofopr]

с какими сложностями столкнулся?

да скорее вопрос, из серии: на какую сторону куска хлеба масло намазать.