проблемы с background

[WabFad]

Добрый день, сейчас верстаю один макет, и столкнулся с такой проблемой:

http://s011.radikal.ru/i315/1201/ba/9a2f69f0373a.png

беграунд сверху размером 1800px и блок контента должен быть посредине.

На 1920х1080 все отлично. Однако на меньших разрешениях выходит вот так:

http://s018.radikal.ru/i510/1201/2e/9d8e19e9d506.png

Вопрос, как сделать что бы на всех разрешениях все выглядело одинаково?

Я вот думаю по поводу: Отдельный бг для каждого разрешения, такое возможно?

Если да, то как сжимать картинку, ибо нужно сжать только горизонтально, а вертикально вроде бы должна быть такой же.

Edited January 12, 2012 by WabFad

[danco]

А на код можно посмотреть?

[WabFad]

<div id="container">
<div id="header">
</div>
<div id="content">
</div>
<div id="footer">

css

* {
  margin: 0;
  padding: 0;
}

html {height: 100%;}

* html body {height: 100%;}

body {
  min-height: 100%;
  position: relative;
  background-image:url(img/bg.png);
  background-repeat:no-repeat;
  }

#container {
width:960px;
margin:auto auto;
}

#header {
height:415px;
}

#content {
background-image:url(img/content-bg.png);
  background-repeat:repeat-x;
}

#footer {
position:relative;
  bottom: 0;
  height: 80px;
}

[cssview]

для

body

попробуй прописать

min-width: 960px

и что это за развилка для ie6 * html body {height: 100%;}

Edited January 12, 2012 by cssview

[danco]

Я так понимаю он стоит у вас на 1 месте, т.к. картинок бекграунда нету и глазами не посмотреть предпологаю, что это возможно вам поможет:

body {
  min-height: 100%;
  position: relative;
  background:url(img/bg.png) no-repeat 50% 0;
}

Если нет, то желательно в архиве куда-нибудь залить исходники целиком.

И position: relative; для body не желательно, т.к. это чревато последствиями. Все элементы изначально итак относительно его позиционируются.

[WabFad]

cssview Я если честно хз, это у меня заготовка с блога димка для прижатия футера к полу. Спасибо, но ничего не изменилось код danco помог))

danco Вы колдун!!!) Спасибо большое, все работает! А можете подсказать как это получилось. Точнее объяснить смысл строки, что бы знать на будущее)

background:url(img/bg.png) no-repeat 50% 0;

Почему при позиционировании на 50% ничего не изменилось, но ездить перестало?

Edited January 12, 2012 by WabFad

[danco]

cssview Я если честно хз, это у меня заготовка с блога димка для прижатия футера к полу. Спасибо, но ничего не изменилось код danco помог))

danco Вы колдун!!!) Спасибо большое, все работает! А можете подсказать как это получилось. Точнее объяснить смысл строки, что бы знать на будущее)

background:url(img/bg.png) no-repeat 50% 0;

background:[повторение][позиционирование слева][позиционирование справа]

http://htmlbook.ru/css/background

Получилось это с помощью позиционирования бекграунда относительно body слева на 50%

[WabFad]

Спасибо большое!

[WabFad]

Нужна помощь по той же теме, может кто то помочь пожалуйста. Там кода пару строк. с меня бонус 50 wmr

Edited January 13, 2012 by WabFad

[cssview]

что случилось

[WabFad]

Большое спасибо, cssview, очень помог