1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] левый и правый блок

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем ruslan216455, 18 янв 2013.

Статус темы:
Закрыта.
  1. ruslan216455

    ruslan216455

    Регистрация:
    6 ноя 2012
    Сообщения:
    220
    Симпатии:
    22
    На сайте есть 2 блока слевой и правой стороны залиты background как сделать что бы они заливались до футера сайт fsk-rf.com
    вот так как сделать ?)
    [​IMG]
     
  2. ashtray

    ashtray Главный по попкам!

    Регистрация:
    13 ноя 2012
    Сообщения:
    335
    Симпатии:
    72
    http://fsk-rf.com/assets/templates/fsk-rb.com/css/style.css

    height: 0px;

    если я правильно понял что вы хотите
    --- добавлено: 18 янв 2013 в 09:45 ---
    #sideRight {
    background: #F0F0F0;
    float: left;
    margin-left: -237px;
    margin-right: -3px;
    position: relative;
    width: 237px;
    height: 0px;

    пиксели подобрать
     
  3. ruslan216455

    ruslan216455

    Регистрация:
    6 ноя 2012
    Сообщения:
    220
    Симпатии:
    22
    так не выйдет так как где то контента меньше где то больше
     
  4. ashtray

    ashtray Главный по попкам!

    Регистрация:
    13 ноя 2012
    Сообщения:
    335
    Симпатии:
    72
    так какова цель?
     
  5. ruslan216455

    ruslan216455

    Регистрация:
    6 ноя 2012
    Сообщения:
    220
    Симпатии:
    22
    что бы 2 блока заливались backround до футера не зависимо от контента
     
  6. ashtray

    ashtray Главный по попкам!

    Регистрация:
    13 ноя 2012
    Сообщения:
    335
    Симпатии:
    72
    и чем мой вариант не катит?
     
  7. ruslan216455

    ruslan216455

    Регистрация:
    6 ноя 2012
    Сообщения:
    220
    Симпатии:
    22
    допустим я выставлю height:250px; на 1 странице будет нормально а на 2 странице к примеру контента больше и он не будет заливать до футера
     
  8. rufus

    rufus

    Регистрация:
    12 янв 2013
    Сообщения:
    12
    Симпатии:
    32
    Попробуйте min-height
     
    ruslan216455 нравится это.
  9. IvanCo

    IvanCo

    Регистрация:
    23 дек 2012
    Сообщения:
    56
    Симпатии:
    5
    Не совсем решение. min-height имеет неприятное свойство не работать для блоков, родителям которых в явном виде не задана высота. Например, для внешней обертки в окне броузера.

    При высоте окна броузера, когда высота левой и правой колонок == min-height, между содержимым колонок и футером будет пустое место, приводящее к уплыванию футера и неоправданному "скроллингу пустоты":

    [​IMG]

    При большой высоте окна броузера и недостаточном количестве материалов в колонках получится та же история, с которой началась тема - заливка не доходит до футера:

    [​IMG]

    Вообще говоря, для произвольного количества информации задача (как я ее понял) не решается из-за невозможности без скрипта получить положение футера и привязать к нему высоту колонок.

    В качестве нестрогого, но практически годного решения можно свести вопрос к задаче трех равных по высоте колонок:
    а) Приколотить футер
    б) Выровнять три колонки (любым известным способом) с учетом высоты футера (padding-bottom)
    в) Чтобы избежать ситуации с недозаполненной страницей разместить в одной из колонок достаточного количества контента, чтобы первый экран броузера с высокой вероятностью был заполнен (для горизонтальных мониторов это разумный максимум ~1500px по высоте с учетом систем высокого разрешения и 1000px - для типовых мониторов FullHD).

    Колонки будут ровными и всегда будут залиты донизу, перекрываясь футером. Что и требовалось, насколько я понял.
     
Статус темы:
Закрыта.