Показать сообщение отдельно
  #1 (permalink)  
Старый 04.08.2011, 11:31
Аватар для greatilya
Интернет-турист
Отправить личное сообщение для greatilya Посмотреть профиль Найти все сообщения от greatilya
 
Регистрация: 01.08.2008
Сообщений: 516

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

Если никакой хитрости верстки не придумать, то тут видимо только верстка таблицей, с перемещением содержимого ячеек на JS.
Спасибо.
Изображения:
Тип файла: jpg ab.jpg (15.7 Кб, 12 просмотров)
__________________
VPS от 175 рублей (есть скидки 15% писать в ПМ) Анализ рынка VPS серверов
Есть только две бесконечные вещи: Вселенная и глупость. Хотя насчет Вселенной я не уверен.
Альберт Эйнштейн
Ответить с цитированием