17.11.2012 18:29:12 Как прижать div Сообщение #1
RussianPro
Эксперт
Дата регистрации:
14.07.2011 01:32:38
Сообщений: 114
Как прижать блок div к низу ячейки td?
Уроки и статьи
Подписка
Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.
Мой аккаунт
Моя группа
Опрос
Зачем Вы изучаете программирование/создание сайтов?
Бесплатный курс
Программирование на Python для начинающих
Бесплатный курс по Python даст Вам всю необходимую базу для начала программирования на языке Python. В курсе Вас ждёт множество уроков (больше 4-х часов видео), исходников и упражнений.
Чтобы получить Видеокурс,
заполните форму
Бесплатный онлайн-семинар
11 шагов к созданию своей Web-студии
После семинара:
- Вы узнаете главное отличие богатых от бедных.
- Вы увидите разоблачения множества мифов об успешности и о бизнесе.
- Вы получите свой личный финансовый план прямо на семинаре.
- Мы разберём 11 шагов к созданию своей успешной 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>