Официальный сайт студ.городка НГТУ
Программирование и БД » Как в HTML "прижать" таблицу к низу страницы? 

#1  14.01.07 19:19

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

собственно сабж, пробовал через слои, но иногда слой прямо на текст ложится, если есть скроллбар. Как это можно сделать?

Offline

#2  14.01.07 20:56

Re: Как в HTML "прижать" таблицу к низу страницы?

Код: html:

<table border="0" width="100%" height="100%">
	<tr>
		<td width="100%" height="100%" valign="bottom">
			<table border="0" width="100%" height="100">
				<tr>
					<td>Твоя таблица</td>
				</tr>
			</table>
                </td>
	</tr>
</table>

Offline

#3  14.01.07 21:01

Re: Как в HTML "прижать" таблицу к низу страницы?

Спасибо. Только по-моему Ишак не понимает valign и height для таблиц. Может еще есть варианты?

Исправлено Seth_et (14.01.07 21:42)

Offline

#4  15.01.07 00:04

Re: Как в HTML "прижать" таблицу к низу страницы?

Seth_et, все он понимает

Offline

#5  15.01.07 00:16

Re: Как в HTML "прижать" таблицу к низу страницы?

Seth_et, да

Offline

#6  15.01.07 00:33

Re: Как в HTML "прижать" таблицу к низу страницы?

Код: html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<style type="text/css">
body,html { padding:0; margin:0; height:100% }
</style>
</head>
 
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="height:100%">
	<tr><td valign="top">HEADER</td></tr>
	<tr><td valign="bottom">BOTTOM</td></tr>
</table>
</body>
</html>

Offline

#7  15.01.07 08:44

Re: Как в HTML "прижать" таблицу к низу страницы?

а если не растягивая таблицу на 100% ? :)то бишь таблица высотой 10пх и она должна лежать внизу страницы

Offline

#8  15.01.07 08:58

Re: Как в HTML "прижать" таблицу к низу страницы?

ну вместо BOTTOM вставляешь таблицу высотой 10пкс =)

Offline

#9  15.01.07 09:49

Re: Как в HTML "прижать" таблицу к низу страницы?

wixus, хитрый пингвин ))),а если условие что кроме этой таблицы не должно быть других?)

Offline

#10  15.01.07 10:04

Re: Как в HTML "прижать" таблицу к низу страницы?

а так чем не устроило?

Код: lang=css:

table.bottom{
height: 10px; 
vertical-align: bottom;
}

Offline

#11  15.01.07 10:35

Re: Как в HTML "прижать" таблицу к низу страницы?

VaGon, а это чо делает-то? =) создает десятипиксельную табличку с вертиклаьным выравниваем к низу? ыы )
iDrum, слоями мона сделать =)

Offline

#12  15.01.07 11:22

Re: Как в HTML "прижать" таблицу к низу страницы?

wixus, ещё есть способ один )))

Offline

#13  15.01.07 12:41

Re: Как в HTML "прижать" таблицу к низу страницы?

iDrum, амфитамины до добра не доведут ))

Offline

#14  15.01.07 13:07

Re: Как в HTML "прижать" таблицу к низу страницы?

Худший, не флуди ))

Offline

#15  15.01.07 14:35

Re: Как в HTML "прижать" таблицу к низу страницы?

wixus, со слоями тоже не все так просто) я же говорю, если окно не на весь экран, то на тексте табличка лежит.
З.Ы.: сделал методом wixus`a

Исправлено Seth_et (15.01.07 15:30)

Offline

#16  15.01.07 16:06

Re: Как в HTML "прижать" таблицу к низу страницы?

Seth_et, паддинг-боттом для боди решает ;)

Offline

Программирование и БД » Как в HTML "прижать" таблицу к низу страницы? 

ФутЕр:)

© Hostel Web Group, 2002-2025.   Сообщить об ошибке

Сгенерировано за 0.328 сек.
Выполнено 11 запросов.