Почему не работает vertical-align: bottom?

Question

[Павел Кизернис]

/*адрес домена был удален*/

вот этот елемент

<td class="col" valign="bottom" style="width:100%;vertical-align:bottom;">
          <br>
          <a class="footerlink" href="http://course.zaobrazovanie.ru" target="_blank">http://course.zaobrazovanie.ru</a><br>
          <a class="footerlink" href="http://vk.com/zaobrazovanie" target="_blank">http://vk.com/zaobrazovanie</a>
</td>

Пардон! не тот код выше вставил!
вот этот элемент:

<table width="264" height="100%" border="0" cellpadding="0" cellspacing="0" align="right" class="force-row padding-for-desctops">
      <tbody><tr>
        <td class="col" valign="bottom" style="width:100%;vertical-align:bottom;/* height: auto; */">
          <br>
          <a class="footerlink" href="http://course.zaobrazovanie.ru" target="_blank">http://course.zaobrazovanie.ru</a><br>
          <a class="footerlink" href="http://vk.com/zaobrazovanie" target="_blank">http://vk.com/zaobrazovanie</a>
        </td>
      </tr>
    </tbody></table>

Мне нужно его прижать к нижнему краю родителя...
уже минут 30 торможу...

Answer 1

[Ivanq]

Да поставьте вы там в начале еще один br

И да, Денис Инешин прав

Comments

[Павел Кизернис]

тогда будет перебор))

[Ivanq]

Павел Кизернис: нужно поставить в одну таблицу

Answer 2

[Денис Инешин]

Потому что и левая и правая колонка должны быть в одной таблице. Тогда будет от чего отталкиваться, чтобы выровнять по низу.

Comments

[Павел Кизернис]

так нужно для мольных устройств..
эти 2 блока на мобильниках становятся каждый на 1 строку
я 30 мин назад это сделал в инспеторе хрома!))
но не все перенс в шаблон((

[Денис Инешин]

Павел Кизернис: Сделайте дивами с display: table-cell; и все дела для мобил. Ну или тогда нужна высота для таблицы. Вы инспектор откройте, у вас таблица высотой с 2 строки, там хоть заобставься боттомом.

Answer 3

[Дмитрий Сергеевич]

<td class="col" valign="bottom" style="width:100%; height: 64px; vertical-align:bottom;">
          <a class="footerlink" href="http://course.zaobrazovanie.ru" target="_blank">http://course.zaobrazovanie.ru</a><br>
          <a class="footerlink" href="http://vk.com/zaobrazovanie" target="_blank">http://vk.com/zaobrazovanie</a>
</td>

Так он и прижат к низу, просто у контейнера не такая высоты как у соседнего столбца, потому что они не в общей таблице..
Вот, я задал такую же высоту как у соседнего контейнера, все встало как надо.

Comments

[Павел Кизернис]

а если по DOM дереву выше этот контейнер выровнять в bottom не используя height?
даю слово - я делал это 30 минут назад в инспекторе, но видно не весь код перенес в шаблон....((