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

Discussion in 'Внешний вид, шаблоны, графика' started by slastix, Dec 19, 2009.

  1. Offline

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

    Joined:
    Dec 25, 2007
    Messages:
    18
    Likes Received:
    0
    Gender:
    Male
    Привет. Ребята, подскажите пожалуйста как можно выровнять фон (подложку) сайта по центру экрана? Так как это реализовано, например, на сайте kinopoisk.ru
    Подозреваю, что добиться этого можно с помощью CSS. Подскажите пожалуйста, что именно нужно сделать?
     
  2.  
  3. agruts
    Offline

    agruts Группа поддержки

    Joined:
    Mar 1, 2006
    Messages:
    609
    Likes Received:
    21
    Gender:
    Male
    конечно в 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. }
     

Share This Page

Loading...