Выравнивание сайта по центру

[user135]

Здравствуйте (:

Проблема в выравнивании сайта по центру.

Ширина сайта - 1200px; Ширина шапки - 1600px;

Сейчас так :

body{   background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; }
#conteiner{
        position: absolute;
	left: 50%;
  	margin-left: -600px;
	width: 1200px;}

При этом :

• Шапка смещена px на 20 влево.
  
• При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя)
  
• На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо.
  

margin:0 auto;

Не работает совсем.

Если писать background для div'a header, то появляются скролы(на 1600px)

Как исправить все это? (:

И еще. Как убрать для разных браузеров разные отступы. (Например какой-то блок в Opera на 1px левее, в FireFox ровно где хотелось, в Chrome на 1px правее)

Заранее спасибо (:

Edited August 30, 2012 by user135

[transerfer]

По твоему описанию хрен чего поймёшь. Ты бы лучше куда-нить на хостинг своё творчество залил

[user135]

http://ladymirror.ru/

Вот сайт (:

А вот сдвиг.

[transerfer]

,

Edited August 31, 2012 by transerfer

[hedgehog]

margin:0 auto; работает, не нужно писать дурацкие костыли. Куда пропал открывающий body?

[transerfer]

margin:0 auto; работает, не нужно писать дурацкие костыли. Куда пропал открывающий body?

Выставляем у блока с тётками и у блока с тенью margin:0 auto; полчаем вот это

Edited August 31, 2012 by transerfer

[hedgehog]

Во-первых, вырезать надо было весь блок с тенью и наложить его поверх "забора".

Во-вторых, "забор" должен быть по центру изображения, раз контент должен центрироваться.

[transerfer]

Чтобы всё было по центру надо просто фоновую картинку с тенью немного поправить - сдвинуть тень. Cкрол нормально заработает если у body прописать min-width.