Как работает min-width?

Question

[Creovid]

Здравствуйте!
Имеется лендинг, в котором многие элементы с position:absolute, с right, left, top в %. Необходимо, чтобы сайт не сжимался слишком сильно, поэтому указал для body min-width: 1024px;, но абсолютные элементы все равно учитывают границы браузера, а не минимальную ширину. То же самое с div-wrapper'ом. Например, фон второй страницы тоже сжимается по ширине браузера:

.bg2{
position:absolute;
top:100%;
height:100%;
width:100%;
background: url(Group_.png) no-repeat;
background-size: 100% 100%;
z-index:-15;
}

В гугле смотрел, у всех все прекрасно работает. Что делать?

Comments

[Олег Драпеза]

position: relative укажите для body как минимум

[Creovid]

пробовал, и для body и для wrapper, вся верстка летит, видимо так как внутри много абсолютных элементов

Answer 1

[maxfox]

Используйте media queries.