Кошмар абсолютной позиции - не может даже центрировать основной контент с помощью всего тела

Question

Десять минут спустя, и я почему-то уже нахожусь над головой, и любая помощь очень ценится. У меня есть макет, который я пытаюсь кодировать, видел здесь . По сути, я хочу, чтобы фоновое изображение (кофейные зерна) оставалось неизменным при прокрутке страницы. Однако основной контент не хочет оставаться в центре, а изображение bg не хочет оставаться фиксированным. Независимо от того, что я делаю, основной корпус либо выровняется по центру влево, а не по центру, либо изображение bg сильно облажается Любой, кто может указать мне правильное направление, является героем! Пока что страницу можно увидеть здесь .

    html, body {
background-color: #e0dac8;
}
#content {
background-image: url(IMG/bg_head.jpg);
background-color: #e0dac8;
background-repeat: no-repeat;
background-position: center top;
margin: 0px;
padding: 0px;
position: absolute;
}
#wrapper {
margin: auto;
height: auto;
width: auto;

}

Answer 1

#content {  margin:0 auto;}

добьется цели.

Что-то, что я пробовал

Answer 2

Это то, что вы хотите?http://jsfiddle.net/LRxpA/embedded/result/

Я удалил абсолютное и центрированное положение #content с помощью «margin: 0 auto;», затем исправил фон с «background-attachment: fixed;».

Вот код:http://jsfiddle.net/LRxpA/

Answer 3

Не используйте для этого абсолютное позиционирование.

Просто добавьте поля:

#content {
  margin-left: auto;
  margin-right: auto;
}