как выровнять фон сайта по центру?

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем slastix, 19.12.2009.

  1. Offline

    slastix Недавно здесь

    Регистрация:
    25.12.2007
    Сообщения:
    18
    Симпатии:
    0
    Пол:
    Мужской
    Привет. Ребята, подскажите пожалуйста как можно выровнять фон (подложку) сайта по центру экрана? Так как это реализовано, например, на сайте kinopoisk.ru
    Подозреваю, что добиться этого можно с помощью CSS. Подскажите пожалуйста, что именно нужно сделать?
     
  2.  
  3. agruts
    Offline

    agruts Russian Joomla! Team

    Регистрация:
    01.03.2006
    Сообщения:
    612
    Симпатии:
    21
    Пол:
    Мужской
    конечно в CSS, можно и в html, но это уже прошлый век ))
    делается просто: готовите изображение соответсвующего размера, конечно, оптимизированное.
    доустим, у вас там в index.php шаблона есть див:
    <div id="wrapper"></div>

    в template_css.css пишете:

    Код (CODE):
    1. div#wrapper {
    2. background-image: url ('image.jpg');
    3. background-attachment:fixed;
    4. background-repeat:no-repeat;
    5. background-position: top left;
    6. /* как вариант можно
    7. top center
    8. top right
    9. center left
    10. center center
    11. center right
    12. bottom left
    13. bottom center
    14. bottom right
    15. */
    16. }


    можно привязать фон не к какому-нибудь диву, а к тегу body:

    Код (html):
    1. body {
    2. background-image: url ('image.jpg');
    3. ....
    4. }
     

Поделиться этой страницей

Загрузка...