Верстка в две колонки
Подскажите, может возможно реализовать такую верстку.
Имеется 2 набора элементов (например блоков DIV): левая колонка - набор элементов a, правая колонка - набор элементов b.
Получается нужно сделать так, чтобы элементы a были всегда слева. А элементы b всегда справа. Причем: например, если нет элементов a то элементы b всё равно находятся справа (см. картинку 3).
Но это еще не всё:
необходимо чтобы любой элемент можно было увеличить по ширине на всю строку, а элемент находящийся с ним на одной линии перешел на следующую строку (см. картинку 1 и 2).
Задачу с картинки 1 и 2 я частично решил используя float:left и float:right. Но возникает проблема, что элементы перескакивают не в свою колонку (как описал к картинке 3). Иными словами хотел бы узнать(какая нить хитрость на CSS), можно ли как-то элементам b указать что они не могут стоять в левой колонке, а элементы a в правой?
Если никакой хитрости верстки не придумать, то тут видимо только верстка таблицей, с перемещением содержимого ячеек на JS.
Спасибо.
Изображения:
|
ab.jpg (15.7 Кб, 12 просмотров) |
|