держать контент по центру, растягивая фон

Question

держать контент по центру, растягивая фон

0

Я хочу, чтобы мой сайт имел этот горизонтально разнесенный фон, сохраняя содержимое в контейнере 980px, например, этот сайт http://votezachandleah.com/

Я сделал это, установив высоту и цвет фона для div, но когда я поместил их в контейнер, он разрезал цвет фона до 980px...

#container {
    margin: 0 auto;
    width: 980px;
}

#another_section {
    background-color: #66cc33;
    height: 650px;
    width: 100%;
}

#background {
    background-color: #FFFFFF;
    color: #333333
    height:600px;
    text-align: center;
    width: 100%;
}

HTML:

<div id="container">
     <div id="background">
     </div>
    <div id="another_section">
     </div>
</div>

user3384332 05 март 2014, в 17:44

Источник

0

Это связано с тем, что background-color предназначен для элементов div внутри контейнера, поэтому цвет не может заполнить область, большую, чем контейнер, если ему задана явная ширина 980 пикселей. Что конкретно вы хотите?
TylerH 05 март 2014, в 16:17
1

Попробуйте поместить контейнер внутри фона, а не наоборот.
iamthereplicant 05 март 2014, в 16:18
0

То, что я ищу, это div, которые имеют высоту 600px и 650px растягиваются по горизонтали до бесконечности при уменьшении масштаба. Я пытаюсь что-то с разбить фон позади div, чтобы похоже, что divs продолжают свой цвет по горизонтали. Я чувствую, что должно быть легче исправить.
user3384332 06 март 2014, в 20:43

Показать ещё 1 комментарий

Теги:

html

css

background-color

1 ответ

Ещё вопросы

Это связано с тем, что background-color предназначен для элементов div внутри контейнера, поэтому цвет не может заполнить область, большую, чем контейнер, если ему задана явная ширина 980 пикселей. Что конкретно вы хотите?
Попробуйте поместить контейнер внутри фона, а не наоборот.
То, что я ищу, это div, которые имеют высоту 600px и 650px растягиваются по горизонтали до бесконечности при уменьшении масштаба. Я пытаюсь что-то с разбить фон позади div, чтобы похоже, что divs продолжают свой цвет по горизонтали. Я чувствую, что должно быть легче исправить.

Niels de Schrijver · Answer 1 · 2014-03-05T14-58-00.000Z

Вы должны дать телу те же цвета, что и контейнер.