Форум Сайтостроение Веб-строительство

Позицирование блока внутри ячейкм таблицы

Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
1126

Нужно блок (div) прицепить к низу ячейки таблицы (td), valign="bottom" - не подойдет, т.к. есть элементы которые прицеплены к верху, мучался сделать через position это блока, но что то ничего не получилось, подскажите пожалуйста, как правильно это реализовать.

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
Николай В.
На сайте с 07.09.2006
Offline
62
Николай В.
#1 


<style>

* { margin: 0; padding: 0; }

table { width: 100%; }

td { vertical-align: top; border: 1px solid red; }

#container { height: 500px; position: relative; display: block; }

#block { position: absolute; bottom: 0; }

</style>



<table>

	<tr>

		<td id="container">

			<p>Текст прицеплен к верху</p>

			<div id="block">Блок прицеплен к низу</div>

		</td>

		<td>

			<p>Вторая ячейка</p>

		</td>

	</tr>

	<tr>

		<td><p>Третья</p></td>

		<td><p>Четвертая</p></td>

	</tr>

</table>
Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#2
Николай В.:
display: block;

вот это убивает все ячейку, короче предложенный вариант не работает.

a.fatman
На сайте с 15.01.2006
Offline
127
a.fatman
#3

При заданной высоте ячейки -- решаемо.

http://kost.ru/stuff/block-bottom.html

Flack
На сайте с 15.06.2005
Offline
28
Flack
#4

Хм. Я бы вложил в ячейку div с position:relative, в него все «элементы которые прицеплены к верху», и в этот div так же бы вложил еще один с position:absolute;bottom:0.

Проверять откровенно лень.

Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#5

Flack, а вот это думаю подойдет, сейчас попробую.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий