как выровнять элемент по центру страницы

[sc@r@bey]

например как здесь http://www.ya.ru/

[Veseloff]

Вероятно, так:

<table style="width: 100%; height: 100%;">
<tr>
	<td style="text-align: center; vertical-align: middle;">
		По центру страницы
	</td>
</tr>
</table>

Ну и плюс ко всему

html, body {width: 100%; height: 100%; margin: 0; padding: 0;}

[sc@r@bey]

а без таблицы?

[Veseloff]

А погуглить?

[sc@r@bey]

погуглить на что?

[Veseloff]

Даже не знаю как как ответить на такой вопрос... Погуглите на http://google.com или на http://ya.ru

[Justnewone]

например как здесь http://www.ya.ru/

Откройте код страницы, посмотрите на css. Или Вам даже это лень, "вот выньте мне все, разжуйте и положите"???

[Вадим]

Элемент по центру страницы с помощью div и css

нормальным способом можно получить только по горизонтали. Можно сказать, что это стандарт. Если вы хотите сделать сайт в центре страницы, то вам придется использовать отрицательные значения в основном блоке. В этом случае учитывайте если окно броузера меньше размера вашего основного блока - сайт не влезет, а отображение скрола будет не корректным.

Перейдем к практике. Задача: отцентрировать по горизонтали и по вертикали изображение.

Решение:

img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -96px;
	margin-left: -138px;
	height: 192px;
	width: 256px;
	}

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

<div id='wrapper'>
<h1>Центрирование сайта</h1>
<p>Контент сайта</p>
</div>

#wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -240px;
	margin-left: -320px;
	height: 480px;
	width: 640px;
	}

Вы наверное заметили использование отрицательных значения в margin. Из примера высота блока составляет 480px, поэтому margin-top = 480/2= 240. Margin-left = 640/2 = 320. Используем полученные значения со знаком — (минус) для достижения абсолютного центра (см. пример).

Стоит учитывать, контент предназначенный для центрирования должен быть небольшим, иначе рискуете потерять пользователей сайта.

Кристофер Шмит — CSS. Рецепты программирования. 2-е изд, 2007.

Edited April 18, 2009 by Вадим