17.11.2012 18:29:12 Как прижать div Сообщение #1
RussianPro
Эксперт
Дата регистрации:
14.07.2011 01:32:38
Сообщений: 114
Как прижать блок div к низу ячейки td?
Уроки и статьи
Подписка
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Мой аккаунт
Моя группа
Опрос
Каким движком Вы предпочитаете пользоваться?
Бесплатный курс
Основы PHP 7
Пройдя курс, Вы узнаете:
- Как установить и настроить OpenServer
- Всю необходимую базу по PHP 7
- Как писать самые разлинчые скрипты на PHP
Общая продолжительность курса 6 часов и 28 минут, плюс упражнения!
Чтобы получить Видеокурс,
заполните форму
Бесплатный онлайн-семинар
Создание лендингов на заказ
Придя на семинар:
- Вы узнаете мою историю, как я начинал создавать сайты на заказ.
- Вы узнаете, почему сейчас самое время начать этим заниматься.
- Вы получите очень подробный пошаговый план действий по созданию и продвижению своей Web-студии с комментариями, в том числе, и в виде PDF.
- Вы узнаете, как и где найти сотрудников, как общаться с заказчиками.
- Вы узнаете, как максимально автоматизировать бизнес-процессы.
После семинара Вы уже самостоятельно сможете, следуя простому и подробному плану, открыть свою Web-студию и получить первые заказы.
Умные цитаты
Путешествие длинной в тысячу миль начинается с первого шага.
Лао-Цзы
Форум сайта MyRusakov.ru
Как прижать div
17.11.2012 20:06:52 Как прижать div Сообщение #2
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
<table border="1">
<tr>
<td style="vertical-align: bottom";>
<div>Содержимое</div>
</td>
<td>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
</td>
</tr>
</table>17.11.2012 20:08:00 Как прижать div Сообщение #3
RussianPro
Эксперт
Дата регистрации:
14.07.2011 01:32:38
Сообщений: 114
Мне нужно чтобы конкретный div в ячейке был прижат к низу, а не всё содержимое.
17.11.2012 20:22:29 Как прижать div Сообщение #4
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
<table border="1">
<tr>
<td>
<p>Не внизу</p>
</td>
<td rowspan="2">
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
<p>Текст</p>
</td>
</tr>
<tr>
<td style="vertical-align: bottom;">
<div>Содержимое</div>
</td>
</tr>
</table>17.11.2012 20:25:08 Как прижать div Сообщение #5
RussianPro
Эксперт
Дата регистрации:
14.07.2011 01:32:38
Сообщений: 114
Походу никак... Тогда другой вопрос. Как растянуть div по высоте, чтобы он оставшееся снизу пространство заполнял?
17.11.2012 20:32:42 Как прижать div Сообщение #6
Admin
Администратор
Дата регистрации:
27.05.2010 21:23:42
Сообщений: 3063
Суть в том, что у всех родителей должна быть 100% высота, тогда и у div можно сделать 100% высоту.
<html>
<head>
<style>
html, body {
height: 100%;
}
</style>
</head>
<body>
<div style="background-color: #f00; height: 100%;">asdf</div>
</body>
</html>