Прижать ДИВ к низу ячейки

@igor3310 · Регистрация: 16.02.2011

Студворк — интернет-сервис помощи студентам

Здравствуйте скажите как прижать ДИВ к низу ячейки?
vertical-align:bottom; в мозиле и ИЕ неработает почемуто

@Lane · 20.03.2012, 20:12

DIV в ячейке.. Ужас какой..

Так попробуйте:
У ячейки:

CSS
1
position: relative;

У дива:

CSS
1
position: absolute; bottom: 0;

@igor3310 · 20.03.2012, 20:27 **[ТС]**

Огромное спасибо давно мучусь !!!
Я имел ввиду не ячейки а главного Дива куда вложен другой Див

31.01.2013, 16:00

спасибо
помогло
http://jsfiddle.net/XakRu/57gwb/

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div id="rule">
<div class="table">
<div id="title"><h3>Пиво<h3>
</div>
</div>
<div class="table">
<div id="title"><h3>Пивные закуски<h3>
</div>
</div>
<div class="table">
<div id="title"><h3>Холодные закуски<h3>
</div>
</div>
<div class="table">
<div id="title"><h3>Салаты<h3>
</div>
</div>
<div class="table">
<div id="title"><h3>Горячие закуски<h3>
</div>
</div>
<div class="table">
<div id="title"><h3>Бургеры<h3>
</div>
</div>
<div class="table">
<div id="title"><h3>Супы<h3>
</div>
</div>
</div>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
#rule {
  width: 105%;
}
 
.table {
  float: left;
  background: blue;
  color: white;
  width: 266px;
  height: 138px;
  border: 5px solid #292e26;
  margin: 0 20px 20px 0;
  position: relative;
}
 
.table #title {
    position: absolute; 
    bottom: 0px; 
    color:#F7EB09; 
    background: url([url]http://smallpub.ru/skins/default/images/desc-bg.png[/url]) 0 0; 
    font-size: 29px; 
    font-style: bold; 
    font-family: georgia, times new roman, serif; 
    text-align: center; 
    width: 266px;
  }

изначально на сайте ребята таблицей верстали и не резиновой
Вот исправляю на своем сайте

Добавлено через 22 минуты
но почему он отображается в ие с дублями?

@yg188 · 15.10.2014, 21:56

Lane,
У ячейки:
Код CSS
1 position: relative;
У дива:
Код CSS
1 position: absolute; bottom: 0

Спасибо! Помогло, как раз мой случай, Нигде не мог найти решение, советовали заменить таблицы на дивы . А решение оказалось простым, спасибо!

Ячейка <td width="100%" style="position: relative;">
Див <div style="position: absolute; bottom: 0px;">

Добавлено через 1 час 17 минут

Сообщение от yg188

Спасибо! Помогло, как раз мой случай

Только при переполнении ячейки текстом блок дива перекрывает низ текста можно ли это поправить

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270

	Прижать ДИВ к низу ячейки 20.03.2012, 18:24. Показов 20691. Ответов 4 Метки нет (Все метки) Здравствуйте скажите как прижать ДИВ к низу ячейки? vertical-align:bottom; в мозиле и ИЕ неработает почемуто 0

@igor3310 3 / 3 / 4 Регистрация: 16.02.2011 Сообщений: 270
	20.03.2012, 20:27 [ТС]
	Огромное спасибо давно мучусь !!! Я имел ввиду не ячейки а главного Дива куда вложен другой Див 0