Как разнести блоки в колонке?

[Удален]
675

На страничке имеется левая колонка, в которой инклюдом выводится несколько блоков - баннер, анонс и т.п. Все эти блоки вертикально прижаты вверх атрибутом valign="top". Есть ли способ последний блок в этой колонке (к примеру, баннер), прижать вниз? Высота страницы в зависимости от объема текста разная.

Пытался вставить между блоками что-нить "резиновое", которое прижимало бы нижний блок в подвал колонки, но совершенно обломался. :cool:

C
На сайте с 04.02.2005
Offline
291
#1

position:absolute

может чуть-чуть быть беременной

=DEREK=
На сайте с 07.05.2009
Offline
130
#2

Попробуйте для этого последнего блока задать абсолютное позиционирование. При этом блоку, в котором содержится этот блок (родителю) обязательно задать относительное позиционирование. Но в таком случае если высота содержимого будет меньшей, чем суммарная высота блоков - последний может наезжать на предыдущие блоки. Вообще такие штуки, как прижимание футера (или в данном случае блока) вниз достаточно проблематичные.

Показываю фокусы с Drupal (/ru/forum/526565)
-=Urbanus=-
На сайте с 12.05.2010
Offline
56
#3

Не советую использовать абсолютное позиционирование, это не только мое ИМХО, если позиция задается абсолютно то не факт что оно будет работать на мониторах с разными разрешениями.

Лучше все блоки обернуть в <div style=”padding-top : 100px;”></div> вместо 100 просто поставте нужное вам число. Отступ в 100 пикселей это лучше чем абсолютное позиционирование.

Также можно можно сделать таблицу внутри колонки,

<td>

<table cellspacing=20>

<tr>

<td>

Baner 1

<td>

<tr>

<tr>

<td>

Baner 2

<td>

<tr>

</table>

</td>

Еще один вариант использовать как разделитель, символ перехода строки <br/>

ParserYa
На сайте с 04.10.2010
Offline
29
#4
-=Urbanus=-:
Не советую использовать абсолютное позиционирование, это не только мое ИМХО, если позиция задается абсолютно то не факт что оно будет работать на мониторах с разными разрешениями.

Лучше все блоки обернуть в <div style=”padding-top : 100px;”></div> вместо 100 просто поставте нужное вам число. Отступ в 100 пикселей это лучше чем абсолютное позиционирование.
Также можно можно сделать таблицу внутри колонки,
Еще один вариант использовать как разделитель, символ перехода строки <br/>

Подход человека не умеющего делать валидную верстку на дивах.

ТС, используйте абсолютное позиционирование, главное, как вам уже сказал =DEREK=,

не забудьте родительскому блоку поставить position:relative;

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий