CSS 2 столбца div макет полный экран

0

Поэтому у меня есть 2 div-макет, где фон divs должен быть заполнен полной. Но я не могу понять. Поскольку я был относительно из сценариев, я думаю, что должен быть новый и лучший способ, используя фоновое изображение. Вот HTML:

<div id="ContentContainer">
 <div id="Menu">asdasda
 </div>
 <div id="Content">Content<br>M<BR><BR>dsfsdf</div>
</div>

И css:

#ContentContainer {
width: 100%;
}
#Menu {
float: left;
width: 250px;
background-color: #bababa;
}
#Content {
overflow: hidden;
}

вот пример http://jsfiddle.net/DenErello/dzt4Y/

Теги:

2 ответа

1

Вы используете position:absolute Свойства" position:absolute и position:relative

Отметьте этот ответ: http://jsfiddle.net/dzt4Y/2/

0

Просто установите минимальную высоту html и body и свои собственные div.

html, body, #Menu, #Content {
    min-height:100%;
}
  • 0
    Когда я делаю это, это не меняет фон #Menu для расширения до нижней части страницы, и это то, что мне нужно
  • 0
    Не используйте процент, но фиксированное значение, например min-height: 800px это работает с отправленной скрипкой;)
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню