Глючит фон

[HUNTERxp]

Всем привет.

Пришёл с очередной проблемой.

Есть задача сделать фон в виде картинки, у дива .bg, который должен быть всегда растянут на 100%.

Если окно браузера развернуто на весь экран - то вопросов нет. Всё хорошо.

Но если окно браузера не весь экран, то возникает глюк, с пустым пространством.

Сразу скажу, что поиски не увенчались успехом, т.к. не смог сформулировать запрос

Поддержка IE6 - не нужна.

Решение в виде таблицы с одной ячейкой - не устраивает.

Вот код:

CSS

.bg {
	background: url('/fence.png') transparent 0 0 repeat-x;
	margin: 0 auto;
	max-width: none;
	min-width: 960px;
	padding: 80px 0 20px 0;
	position: relative;
	width: 100%;
}

.spec {
	margin: 0 auto;
	width: 638px;
}

HTML

<div class="bg">
	<div class="spec">содержимое</div>
</div>

Заранее спасибо за помощь.

[stars]

.bg {
	background: url('/fence.png') repeat-x;
	min-width: 960px;
	padding: 80px 0 20px 0;
	width: 100%;
}

Видите ли, не видя всего кода страницы, узнать из-за чего конкретно у вас так получается нереально... Если от отталкиваться от вашей конструкции, то в css у вас просто лишние свойства...

Edited December 10, 2010 by stars

[HUNTERxp]

Спасибо. Вы мне помогли.

Сделал для себя открытие, что конструкция

<style>
 .wrapper {
	margin: 0 auto;
	padding: 0 100px;
	width: 960px;
 }

.wrapper.another {
  width: 100%;
}
</style>

<div class="wrapper">
 содержимое
</div>

<div class="wrapper another">
 другое содержимое, которое уедет на 200 пикселей справа, при не развёрнутом окне браузера
</div>

даёт совершенно неожиданные результаты... которые были выше

Осталось победить отступы

Ещё раз спасибо, stars, вы натолкнули меня на правильную мысль.