Высота страницы не подходит для новой страницы контента

Question

Прежде всего, у меня нет опыта работы с html/css, и я пытаюсь настроить шаблон астрального html5up.net, но я не могу понять, как решить Эта проблема. То есть, когда я отправляю контактную форму и появляется сообщение об ошибке (розовое, сгенерированное с помощью php/jquery), высота страницы не адаптируется к новому содержимому страницы, и это результат:

После: http://oi57.tinypic.com/313n5vd.jpg

до: http://oi62.tinypic.com/9scxs7.jpg

Однако, кажется, что переход на другую страницу исправляет проблему для контактной страницы. Это код:

<!-- Wrapper--> 
     <div id="wrapper"> 

      <!-- Cut out content --> 

      <!-- Main --> 
       <div id="main"> 

       <!-- Cut out content --> 

        <!-- Contact --> 
         <article id="contact" class="panel"> 
          <header> 
           <h2>Contact Me</h2> 
          </header> 

          <form id="formail" action="#" method="post"> 

           <div id="reply"> 

           <!-- Here is where the jquery error message appears --> 

           </div> 

           <!-- Cut out content --> 

Где я могу найти решение проблемы? Может быть, на этой линии в css?

#main 
{ 
    position: relative; 
    overflow: hidden; 
} 

Спасибо.

Answer 1

вы можете установить max-height на контейнере