Растянуть фон на всю ширина экрана?

Question

[Роман Романович]

Добрый день!
Есть родительский контейнер с фиксированной шириной, внутри него есть блок с шириной на всю страницу, как можно растянуть фон этого дива?

Comments

[Yaroslav Lyzlov]

Пример на jsfiddle выложите.

Answer 1

[Mihai]

codepen.io/Q2art/pen/EVevNM

Comments

[zooks]

У вас адская смесь HTML4 и HTML5 с ошибками. Так никто не делает.

[zooks]

Mihai: атрибута width не существует, как и тега center

[zooks]

Mihai: я лучше промолчу на тему куда можете бежать вы с таким качеством кода.

Answer 2

[zooks]

background-size: cover;

Comments

[Роман Романович]

сам контейнер с шириной 970px, а цвет фона внутри этого блока должен растягиваться на 100% ширину

[Михаил Чирский]

Роман Романович: Вы сами понимаете, что пишите? Если есть контейнер с 970px то 100 % фона это и есть 970px, уточняйте точнее, что вы хотите, или скиньте пример, как это должно выглядеть.
То, что вам подсказал zooks как раз и растянет фон на 100 % относительно ваших 970px.

Answer 3

[deeppines]

Если блок с width: 100% не имеет ни чего кроме фона, то было бы логичнее его сделать родительским по отношению к блоку с фиксированной шириной и не мучаться.