CSS Divs keep overlapping

Question

Я делаю экран входа в систему с двумя разделами. Раздел регистрации (500x350) и раздел регистра (500x350).

Проблема в том, что каждый раз, когда я изменяю размер окна, оба divs перекрывают друг друга. Я пробовал float, display:block, display:inline, Overflow automatic en hidden.

Что я могу попробовать дальше?

Answer 1

Высота и ширина больше, чем размер окна. Попробуйте использовать% вместо px. См. THIS Вы можете увеличить% в соответствии с вашими требованиями.

 <div id="login"> 
      Login Section 
     </div> 
     <div id="register"> 
      Register Section 
     </div> 
     #login{ 
     background:yellow; 
     height:50%; 
     width:35%; 
     float:left; 
     } 
     #register{ 
     background:pink; 
     height:50%; 
     width:35%; 
     float:left; 
     }