Размещение div внизу родителя

[Raynor]

Требуется с помощью css прилепить div к нижней границе контейнера (td/div).

Что-то типа valign=bottom , который в данном случае не подходит, так как другие элементы, находящиеся в контейнере, должны отображаться как обычно (valign=top).

Попробовал через position:relative, но что ещё там настраивать не понял... как правильно bottom задать?

Заранее благодарю за помощь.

[Vlad]

Контейнеру задаешь position: relative, а для внутреннего DIV - position: absolute; bottom: 0;

Но желательно картинку привести или код, где ты хочешь "прилепить".

[Raynor]

Вот при таком раскладе, следуя приведённому совету, получаю прилипание картинки к низу экрана, но не к низу td.

Подскажите, плиз, что не так?

<td class='td1'>
<div id='decor_phone'>
   <img src='images/decor_phone.gif' ... />
</div>
</td>

.td1{
	position: relative;
	width: 300px;
	vertical-align: top;
}
#decor_phone {
	position: absolute;
	bottom: 0;
}

Edited January 10, 2009 by Raynor

[Vlad]

Для ячейки надо задать vertical-align: bottom. Остальной стиль в таком случае не нужен.

[SelenIT]

Position:relative не работает с ячейками и строками таблиц (по спецификации).

[Raynor]

Всем спасибо за помощь! Сделал ещё один div внутри td, всё получилось.

<td>
...
   <div style='position: relative;height:300px'>
...
	  <div id='decor_phone'>
		 <img src='images/decor_phone.gif' width='227' height='221' border='0' alt='' />
	  </div>
   </div>
</td>