html - パーセンテージを使用した後にウィンドウのサイズを変更するときに要素の移動を停止する方法

Question

だから私は自分のウェブページ内にあるdivを持っています..ヘッダーやdivボックスのように..大きな画面サイズで微調整して、大きなモニターで小さすぎないようにしますが、問題は、ウィンドウのサイズを変更したり、ブラウザを小さくして、すべての要素が一緒に移動し、すべてが出会うポイントに到達して醜くなります..大きな画面サイズに合わせてdivが大きくなるようにするにはどうすればよいですか?しかし、それらを停止しますウィンドウのサイズを変更してウィンドウを小さくするときにウィンドウと一緒に移動することから??? 再調整したいすべての要素のパーセンテージを使用し、より大きな/より広い画面で大きくしました

以下は私のコードの例です..ウィンドウのサイズを変更すると、ヘッダーとこれらのクラスを持つ他の要素が重なり合うポイントに移動します

.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;
    }