Как сделать, что-бы не смещался блок при изменении размера страницы?

Question

[barhatoff]

Есть такая страничка:


Проблема в том, когда изменяешь размер страницы, например через зум или открываешь консоль, объект смещается:


Всё содержимое, кроме проблематичной подсказки, находится в контейнере, к которому заданы такие стили:

.container {
	width: 400px;
	margin: 0 auto;

 }

К подсказке такие стили:

.promt {
	position: absolute;
	top: 69.5%;
	left: 61%

}

Что подскажете?

Comments

[WapSter]

Ну что ж, без всего кода можно лишь гадать.

[Андрей]

выложите пример в песочницу

Answer 1

[Lideeen]

Попробуйте задать свойство не left, а отрицательное свойство right в пикселях. А у контейнера должно быть задано относительное позиционирование.

.container{
    position: relative;
}

.promt {
  position: absolute;
  top: 69.5%;
  right: -(your value)px;
}

Comments

[barhatoff]

Так-же(

[Lideeen]

barhatoff, А можно HTML-код увидеть?

[barhatoff]

Lideeen, вот, HTML код подсказки.

<div class="promt">
    <img class="left" src="src/promt.png" onmouseover="promt()" onclick="promt_hide()">
    <p id="promt_text">
      Passwords must be at least 7 characters.<br>
      Passwords must have at least one digit('0'-9).<br>
      Passwords must have at least one non alphanumeric character.<br>
    </p>
  </div>

.left {
	float: left;
}

[Lideeen]

barhatoff, хорошо, а HTML-код контейнера вместе с подсказкой?