Выравниваем сайт по центру экрана. Статьи. wb0.ru - Все для веб-мастера, on-line сервисы

Выравниваем сайт по центру экрана

Задача

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

Решение

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. * {margin: 0; padding: 0;} /* обнуляем отступы */
  5. body {
  6. text-align: center; /* выравниваем все содержимое body по центру */
  7. background: #fff; /* цвет фона для наглядности */
  8. }
  9. div {
  10. width: 800px; /* ширина основного блока */
  11. height: 100%; /* высота для наглядности */
  12. background: #ff0000; /* цвет блока для наглядности */
  13. margin: 0 auto; /* задаем отступ слева и справа auto чтобы сработало выравнивание по центру */
  14. }
  15. </style>
  16. </head>
  17. <body>
  18.         <div></div>
  19. </body>
  20. </html>

Проверено в: IE 6-8, Firefox 2-3, Opera 9.5, Safari 3.1.

Таким же методом можно центрировать любой элемент относительно элемента-родителя.


Дата публикации: 07.07.2010
Евгений Рыжков,
xiper.net

Статьи по теме:


Комментарии:
  1. Peter Winter: 555-555-0199@example.com
    Добавлен: 2017-10-27


   Ваш псевдоним:
Ваш комментарий:

Новости Интернет


Поиск




Наши партнеры




Последний пересчет

тИЦ:07 Окт 15
PR:09 Дек 13

Посетители

On-Line:13
Рекорд:1794
Зафиксирован:01 Окт 13

Наши партнеры

wservices.ru - регистрация доменов, Whois-сервисы Смайлы на все случаи жизни


Календарь событий


 
Copyright © 2006-2017, wb0.ru