Опустить блок вниз

[Darkstar100]

По-моему, это уже обсуждалось, но все равно не знаю как.

Есть блок (инфа о пользователе), в нем другой блок (адрес почты), нужно опустить его на дно первого блока.

div.post-contacts
{
position: relative;
margin-bottom: 0px;
border-top-style: dashed;
border-top-width: 1px} ????????

Не знаю, что писать. Команды float: bottom, насколько я понял, не существует.

[cooperOk]

bottom: 0px; Но это если абсолютный блок будет

[Darkstar100]

Ну вроде что-то...
Только верхний блок погружен еще в один блок (три блока всего: первый (общий) включает второй (инфа о польз.), второй включает третий (почта)). И мне нужно динамически растянуть второй блок, чтобы он занял почти все пространство первого...
height: 100%; не работает

[MaTBeu]

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

<div id="main"> <!-- это твой главный блок -->
   <div id="info">
      <div id="user-info"> <!-- отдельный блок для информации без мыла -->
      </div>
      <div id="email_info" style="clear:both;">
          <!-- ну и здесь твое мыло -->
      </div>
   </div>
</div>

[cooperOk]

height: 100%; не работает

Оно работает только для абсолютных объектов. Хотя по стандарту w3c растягивать на 100% нельзя

[Darkstar100]

MatBeu

Yes! Вроде, получилось.

PS А что за clear:both? Что она делает?

[Darkstar100]

Вообще-то, еще не ес. Блок расположился так, что он стыкуется с четвертым соседним блоком справа, ВЫТЕСНЯЯ его (располагается в шахматном порядке относительно его), а мне нужно фактически, чтобы он ПЕРЕКРЫВАЛ его (т.е. располагался слева в одной линии с ним).

[MaTBeu]

clear: both запрещает ообтекание справа и слева. То есть если у тебя один блок с float: left, а второй с float:right, они располагаются на одном уровне, один справа, а второй слева. Если одному из них поставить clear:both, то он опустится вниз, потому что его с другой стороны обтекает второй.

По поводу проблемы. Нарисуй как оно должно быть.

[Darkstar100]

Мне сложно нарисовать. Здесь чужая работа (GNU) и масса всяких блоков (часть я уже удалил вчера): CSS + PHP, черт ногу сломит...

На практике меня уже почти устраивает и так. Вопрос чисто теоретический:
Есть четыре блока (A-белый, пустой; B-черный, заполненный; C-белый, пустой; D-черный-заполненный), распределенных в шахматном порядке. Как дать одному черному блоку по голове, чтобы он опустился вниз, чтобы внизу квадрата была черная линия, а вверху белая?
Проблема, видимо, в том, что второй черный блок слева внизу мешает и не дает другому опуститься вниз. Clear ему я уже пытался менять.

[MaTBeu]

Поставь clear:left или clear:right, в зависимости от того, где находится нижний черный блок.
Получится вот так
Блок А - clear: none;
Блок B - clear: left;
Блок C - clear: none;
Блок D - clear: right;
запрет на обтекание у блоков B и D меняется в зависимости от того, с как они располагаются относительно друг друга.