Как отцентровать блок с position absolute и шириной в %?

Question

[Banny_Boom]

Блок с размером в % абсолютно позиционирован..
Как его отцентровать?
width 94%
left 50%
margin-left 47%

Вроде как бы все норм, но при ресайзе все съезжает..

codepen.io/anon/pen/RPzWMe

Comments

[Nikolay Talanov]

Если у вас фиксированная ширина в %, то не проще ли вам left: 3% сделать? Какими-то извращениями занимаетесь.

Answer 1

[sergey]

Если правильно понял, лишнее закоментировал

.full_info {
  /* position: absolute; */
  z-index: 3;
  width: 94%;
  max-width: 1282px;
  /* left: 50%; */
  margin: 100px auto;
  /* margin-left: -47%; */
  padding: 60px 7px 7px 7px;
  background: rgb(255,255,255);
  border-radius: 10px;
  word-wrap: break-word;
  text-align: center;
}

Answer 2

[Дмитрий Антонов]

margin-left -47%;

Comments

[Banny_Boom]

ой у меня ошибка здесь, в коде и так -47 )

[Дмитрий Антонов]

Значит проблема в padding и margin получается поставь box-sizing: border-box; тут проверил все норм jsfiddle.net/k4cb59zb/3

[Banny_Boom]

Дмитрий Антонов: масштаб 25% проблема та же, но я уже решил, спасибо за помощь)
Решил как в 1 ответе)