[Помогите] непонятки с фоном

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем Jonnybloodhand, 26 дек 2015.

  1. Jonnybloodhand

    Jonnybloodhand

    Регистрация:
    22 ноя 2015
    Сообщения:
    8
    Симпатии:
    0
    создаю общий блок <div class="wr"> в него вкладываю ещё один блок <div class="wrapper"> , далее делаю шапку, ну а дальше две колонки.
    в css такие параметры:
    .wr{
    width: 1280px;
    margin: auto;
    height: 100%;
    position: relative;
    background-image: url("../images/bg.jpg");
    background-color: #3b3c44;
    background-repeat: no-repeat;
    background-position: center top;
    }
    .wrapper{
    width: 1000px;
    margin: 0 auto;
    }


    но почему то фон указанный для блока wr виден только в шапке, а дальше идёт общий фон, указанный в теге body. Не могу понять почему фон дальше не идёт, ведь всё что есть на странице вложено в блок wr
     
  2. WhatIsHTML

    WhatIsHTML

    Регистрация:
    26 дек 2015
    Сообщения:
    4
    Симпатии:
    0
    Может надо transparent указать? Скинь HTML полностью
     
  3. iga

    iga

    Регистрация:
    6 фев 2014
    Сообщения:
    145
    Симпатии:
    20
    Как вариант, для шапки высота задана фиксированная, там и отображается фон.
    HTML код в студию!
     
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    2.050
    Симпатии:
    778
    Ох. Всё ведь элементарно: для блока wr не задана реальная высота (100% будет работать только, если есть родитель с высотой в абсолютных единицах), поэтому он разворачивается только на физическую высоту контента в нём.