Помогите с CSS задний фон криво отображается

Тема в разделе "Верстка", создана пользователем droni4, 9 янв 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    Здравствуйте уважаемые помогите пожалуйста с задним фоном он у меня в первом диве, то есть структура такая:
    Код:
    <div id="bg">
    <div id="left-col">левая колонка</div>
    <div id="right-col">контент</div>
    </div>
    cleat:both куда тока не пихал...
    вот сайт на котором капаю http://tmntv.ru/
     
  2. kabasik

    kabasik Полиционер

    Регистр.:
    15 мар 2012
    Сообщения:
    223
    Симпатии:
    68
    Его нужно прижать? к подвалу?
     
  3. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    ну в принципе то да...
    фон сейчас появятся по мере заполнения контентом то есть если страницу в высоту заполнили текстом то фон есть а если нет то нету...
    как это выглядит можно увидеть перейдя на сайт...
    heigth 100% добавить к основному фону?
     
  4. 01K

    01K

    Регистр.:
    27 июн 2013
    Сообщения:
    271
    Симпатии:
    40
    Добавьте
    Код:
        
    #mainBg{
       min-height: 100%;
    }
    будет работать
     
    droni4 нравится это.
  5. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    теперь правая колонка не заполняется до низу))
     
  6. 01K

    01K

    Регистр.:
    27 июн 2013
    Сообщения:
    271
    Симпатии:
    40
    не очень понял. Можно скриншот с проблемной зоной?
    Правая, это "Добро пожаловать"?
    У меня весь её текст виден до конца на белом фоне
     
  7. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    да главная где добро пожаловать
    пока тока в гугл хроме проверяю до остальных браузеров еще не добрался
    скрин шот вот
    screen.jpg
     
  8. 01K

    01K

    Регистр.:
    27 июн 2013
    Сообщения:
    271
    Симпатии:
    40
    Да, у меня так же в лисе.
    Так надо, чтобы эта белая колонка опустилась до самого низа, как первая?
     
  9. droni4

    droni4

    Регистр.:
    21 авг 2007
    Сообщения:
    181
    Симпатии:
    7
    да, надо что бы до низу была
    это блок #box держит его я выделил его border solid red но
    min-height: 100%; тут уже не помогает =(
     
  10. 01K

    01K

    Регистр.:
    27 июн 2013
    Сообщения:
    271
    Симпатии:
    40
    Ясно.
    У меня работает с absolute positioning
    Код:
    #right-col {
        background: #fff;
        width: 620px;
        float: left;
        padding: 80px 0 0 0;
        margin: 0 0 0 340px;
        display: inline;   
        position: absolute;
        top: 0px;
        bottom: 0px;
    
    }
    только не знаю, на сколько это корректное решение...