Блок по центру внешнего блока

Если надо выравнить блок по центру относительно другого блока, то сначала нужно задать внешнему блоку position:relative, а тому блоку, который находится внутри нужно задать ширину, высоту и свойство position:absolute.

После этого мы задаем внетреннему блоку значения left и top относительно внутреннего блока и еще задаем ему отрицательные отступы margin-left и margin-top, равные половине ширины и половине высоты внутреннего блока соответственно.

Если Вам нужно выравнить основной блок сайта по середине окна браузера, то мы сначала возьмем этот блок во внеший блок. Затем мы зададим внешнему блоку position:relative, а тому блоку, который находится внутри нужно задать ширину, высоту и свойство position:absolute.

После этого мы задаем внетреннему блоку значения left и top относительно внутреннего блока и еще задаем ему отрицательные отступы margin-left и margin-top, равные половине ширины и половине высоты внутреннего блока соответственно.

Пример использования:

block center

Чтобы посмотреть код выравнивания блок по середине, пройдите по ссылке, и посмотрите исходный код страницы.

Вверх