Ширина дива как настроить по центру?

Question

[akerk]

Добрый день, у меня проблема, не могу сделать ширину 1140px и в тот же момент чтобы блок был по центру, и по центру во время отдаления.

.block {
	background-color: black;
	height: 50px;
	left: 50%;
    margin-left: -500px;
    position: absolute;
    width: 1000px;

}

Сейчас все как надо, но он 1000px шириной, когда ставлю 1140px все сбивается. Заранее спасибо.

Answer 1

[Dorothy]

В таком методе выравнивания, чтобы блок был по центру, margin-left должен быть равен половине width, то есть для ширины 1140px надо margin-left: -570px;

Comments

[akerk]

Блок к левому краю клеится

[Dorothy]

akerk: Возможно дело в ширине родительского блока? Вот пример как это должно работать https://jsfiddle.net/u0d8bc9h/

[Dorothy]

Dorothy: А вообще, попробуйте выравнивать не через отрицательный margin, а через auto отступы для margin справа и слева:

.block {
  background-color: black;
  height: 50px;
  margin: 0 auto;
  width: 1140px;
}

[akerk]

Dorothy: Так работает, спасибо большое.

Answer 2

[Дима Паутов]

margin-left: -500px;

значение должно иметь половину от ширины блока! Т.е. от 1140 это будет margin-left: -570px;

Comments

[akerk]

Блок к левому краю клеится

[Дима Паутов]

akerk: От ширины 1140 и ниже да. А как иначе? Вопрос был про другое

Answer 3

[akerk]

Мне надо чтобы слева и справа добавилось места