Итак, у меня есть divs, которые у меня есть на моей веб-странице.. как заголовок или div-боксы. Они настраиваются на большие размеры экрана, чтобы они не выглядели слишком маленькими на большом мониторе, но проблема в том, что когда я изменяю размер в окне или в браузере, чтобы сделать его маленьким, все элементы перемещаются, пока они не достигнут точки, где все они встречаются, и она становится уродливой. Как я могу сделать так, чтобы divs, которые я настраивал для большего размера экрана, стал больше, но затем остановить их от перемещения вместе с окном при изменении размера окна, делая его меньше??? Я использовал проценты из всех элементов, которые я хочу скорректировать, и увеличиваю их на больших/более широких экранах.
Ниже приведен пример моего кода. Мой заголовок и другие элементы с этими классами перемещаются в точку, где они перекрываются при изменении размера окна
.header{
position:absolute;
top:0px;
width:100%;
height:100px;
left:0;
background:#EB6A4A;
}
.slogan{
position:absolute;
top:60%;
left:40.5%;
}
.login{
position:absolute;
top:15%;
left:90%;
}
.whitebackground{
background:#FFFFFF;
}