Форум PHP программистов > Расположение текста

[ Поиск ] - [ Пользователи ] - [ Календарь ]

DeeKeiD

9.08.2011 - 08:01

Имеется

Таблица
user posted image

Стиль

Свернутый текст


.block_content
{
	background-color:	white;
	color: black;
	font:8pt Tahoma, sans;
	padding-left: 5px;
	padding-right: 5px;
	
	border:inset;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	border-collapse: separate;
}

Как расположить текст "HELLO" справа в низу таблицы?

Пробовал <div> с vertical-align:bottom, не работает...

_____________
Бесполезно просить пощады у цезаря
Фатальная ошибка : Звонок в неопределенную функцию ©

redreem

9.08.2011 - 08:10

попробуйте див с absolute и margin-bottom

DeeKeiD

9.08.2011 - 08:23

не работает

_____________
Бесполезно просить пощады у цезаря
Фатальная ошибка : Звонок в неопределенную функцию ©

redreem

9.08.2011 - 08:48

приведите код самой таблицы

DeeKeiD

9.08.2011 - 08:55


<table width="100%" class="block_content" border="1">
	<tr>
		<td width="20%" valign="top">
		test<br>testtstststs<br>sdasdas<br>asdasdasdasdas<br>asdasd<br>asdasdasd
		test<br>testtstststs<br>sdasdas<br>asdasdasdasdas<br>asdasd<br>asdasdasd
		</td>
		<td width="80%" valign="top">
		some text<br>some text<br>asdasdasfdsfsdfsdfsdfsdfsdfsd<br>asdasdasdasdasds
		<div class="align_bottom_right">Hello</div>
		</td>
	</tr>
</table>

_____________
Бесполезно просить пощады у цезаря
Фатальная ошибка : Звонок в неопределенную функцию ©

redreem

9.08.2011 - 09:28

вот смотрите этот код:

<table width="100%" class="block_content" border="1">
	<tr>
		<td width="20%" valign="top">
			test<br>testtstststs<br>sdasdas<br>asdasdasdasdas<br>asdasd<br>asdasdasd
			test<br>testtstststs<br>sdasdas<br>asdasdasdasdas<br>asdasd<br>asdasdasd
		</td>
		<td width="80%" valign="top">
			<div style="position:relative;width:100%;height:100%">
				some text<br>some text<br>asdasdasfdsfsdfsdfsdfsdfsdfsd<br>asdasdasdasdasds
				<div style="position:absolute;right:0;bottom:0px">Hello</div>
			</div>	
		</td>
	</tr>
</table>

проблема в следующем: оборачивающий див внутри ячейки при расчете своих размеров берет параметры родителя, т.е. ячейки td, которая хоть и растянута по вертикали за счет соседней ячейке, но как оказалось, по своим внутренним параметрам рассчитана исходя чисто из своего контента.

вариантов тут несколько, например:
1. задать фиксированную величину для высоты ячейки.
2. либо жаваскриптом брать размер высоты всей строки и выставлять ее диву (но тогда будет потеря резиновости. а нужна ли она вам вообще?).

Leningrad00

9.08.2011 - 15:38

А извращениями в наше время уже никто не занимается?

<table width="100%" class="block_content" style="border:1px ridge #000000;" cellpadding="0" cellspacing="0">
	<tr>
		<td width="20%" valign="top" rowspan="2" style="border-right:1px ridge #000000;">
		test<br>testtstststs<br>sdasdas<br>asdasdasdasdas<br>asdasd<br>asdasdasd
		test<br>testtstststs<br>sdasdas<br>asdasdasdasdas<br>asdasd<br>asdasdasd
		</td>
		<td width="80%" valign="top">
		some text<br>some text<br>asdasdasfdsfsdfsdfsdfsdfsdfsd<br>asdasdasdasdasds
		</td>
	</tr>
	<tr>
		<td height="1" align="right" valign="bottom">Hello</td>
	</tr>
</table>

Быстрый ответ:

Здесь расположена полная версия этой страницы.