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

Расположение таблицы в центре экрана

D7
На сайте с 23.11.2005
Offline
114
Denisss70
2340

Уважаемые специалисты в html, подскажите пожалуйста как можно расположить таблицу в центре экрана по вертикали. по горизонтали известно как.

M
На сайте с 21.07.2005
Offline
70
Mitos
#1

http://htmlbook.ru/html/td.html

Параметр valign

Аргумент middle - вот и выравнивание по средине

Ну и таблицу 100%й высоты :)

D7
На сайте с 23.11.2005
Offline
114
Denisss70
#2

valign влияет на расположение в ячейках. все разобрался. надо было просто указать высоту таблицы в 100%. но за совет спасибо...

YDoron
На сайте с 25.10.2005
Offline
156
YDoron
#3

Очень удобно позицировать объекты на экране с помощью "невидимых картинок".

Эти картинки, на самом деле имеют размер 1*1 пиксель, и формата GIF (или другого, прозрачного).

Делаем так: ставим вверху таблицы такую картинку, и растягиваем её по вертикали, по мере надобности. (параметр height у картинки)

настраиваю Linux сервера, правлю баги, пишу фичи под Wordpress и Laravel
eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие
deedee
На сайте с 13.06.2006
Offline
118
deedee
#4

vertical-align вам поможет

sun
На сайте с 22.10.2005
Offline
81
sun
#5

http://ya.ru/ - посмотрите, тольк обратите внимание на доктайп, точнее его отсутствие

devmen.com (http://devmen.com/)
[Удален]
#6
sun:
точнее его отсутствие

Зачем делать без доктайпа если с ним будет не сложнее ? 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">



<title>Table</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8">



<style type="text/css">

html, body, table#table1 {

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

}

table#table1 td {

	vertical-align: middle;

	text-align: center;

}

</style>



<table id="table1">

	<tr>

		<td>Content</td>

	</tr>

</table>

Вот нормальный (и валидный) код...

(можно было бы и без таблицы это сделать, но в IE баг на тему "display:table-cell")

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