ЕА
Евгений Андреев
Блок на сайте ходуном ходит. Как его зафиксировать?
Создаю сайт http://svadebka.hol.es
Сегодня создал блок "Заказать свадьбу", но заметил, что при изменение размера окна браузера блок "ходит по странице". Местоположение блока задано через position:absolute (также как на других элементы, которые так не ходят) .
Подскажите как его зафиксировать.
Код HTML:
ЗАКАЗАТЬ СВАДЬБУ
Оставьте заявку на организацию
свадебного торжества.
Код CSS:
.order {
display:inline-block;
z-index:1111;
position:absolute;
background:rgba(255, 255, 255, 0.7);
padding:20px;
border-radius:30px;
text-align:center;
right:850px;
top:215px;
}
.order span{
font-size:24px;
font-weight:bold;
color:#f74b4b;
text-transform:uppercase;
}
.order p{
font-size:16px;
}
.order input[type="text"]{
width:250px;
height:25px;
text-align:center;
font-size:18px;
margin-bottom:10px;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
border-radius:10px;
}
.order input[type="submit"]{
color:#fff;
background:#f65e5e;
border:2px solid #f4c8c8;
font-size:16px;
border-radius:20px;
padding:6px 15px;
}
Уже нашел и исправил. Проблема оказалось блоке уровнем повыше.