Question

I have two divs left and right, when I restore down (minimize window) the right div comes on top of the left div (overlapping in other words).

How do I solve this problem?

#left {
    left: 3%;   
    position: absolute;
    width: 340px;
    margin-top: 10px;
}

#right {
    position: absolute; 
    left: 24%;
    width: 20%;
    margin-top: 10px;  
}

Thank you in advance.

Answer 1

Try changing the width to 21% for #left and then add a max-width: 340px.

#left {
    left: 3%;   
    position: absolute;
    width: 21%
    max-width: 340px;
    margin-top: 10px;
}