Div блок: в коде выше, визуально ниже

Маэстро · 2012-01-17T08:04:46.0000000Z

Всем привет. Не подскажите, можно ли как то реализовать в блочной верстке, чтобы один блок, который в коде находится выше, визуально был под блоком, который в коде находится ниже. Пример: <div class="main"> <div class="container1">Нужно вывести ниже</div> <div class="container2">Нужно вывести выше</div> </div> Насколько я знаю, это можно реализовать путем либо абсолютного позиционирования, либо путем сдвигов margin для блоков container1 и container 2 относительно родителького блока main (в примере). Но что делать, если высота блока container2, под которым нужно визуально разместить блок container1 не имеет фиксированной высоты? Тогда абсолютное позиционирование и все сдвиги относительно края родительского блока, не помогают, так как рассчитать необходимый отступ для container1 от блока main невозможно. Что делать в таком случае, есть ли другие варианты, решающие эту проблему?

palladin_jedi

19 января 2012, 16:36

#21

Ayavryk:
А вы уповаете на юзера-инвалида или сверхбыстрый интернет?

А еще бывают 3G-модемы с хреновой связью. :)

Сайт о web-разработке и прочем (http://seazo.net)||Продвижение статьями под Google (http://short.seazo.net/ght4zf) Бесплатные консультации рефералам Sape (http://www.sape.ru/r.SWfwWOblBo.php) PHP и JS скрипты на заказ, создание сайтов с нуля и на CMS.

Курс биткоина превысил $50 тысяч

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы

Div блок: в коде выше, визуально ниже