Контактная страница, которая не отображается правильно в Google Chrome Broswer

У меня есть сайт с одностраничным портфолио, который прокручивается с помощью JQuery, и я не могу получить страницу «Контакт», чтобы полностью отображаться в браузере Google Chrome. Он отлично работает в IE, Safari и Firefox, но не в Chrome. Я прикрепил код для страницы «Контакт», чтобы узнать, может ли кто-нибудь увидеть, что не так. Чтобы просмотреть сайт и увидеть проблему, перейдите на страницу http://www.verticalministries.net/ и перейдите на страницу «Контакт».Контактная страница, которая не отображается правильно в Google Chrome Broswer

<!-- CONTACT section --> 
    <div id="contact"> 
    <a name="contact"></a> 
    <img src="images/contact_txt.png" alt="Contact" title="Contact" class="contact_txt" /> 
    <div class="contact_info_bg"> 
     <div class="conact_info"> 
      <h1>CONTACT VERTICAL</h1> 
      <p>We would love to hear from you. Please give us a call or email us using the form to the right with any questions, comments or concerns.</p> 
      <p> 
      <strong>Phone:</strong> 318-560-4346<br />  
      <strong>Email:</strong> [email protected]<br /> 
      <strong>Waco Hippodrome Address:</strong> 724 Austin Ave. Waco, <abbr title="Texas">TX</abbr><br /> 
      <strong>Mailing Address:</strong> 1901 S. 14th St., Waco, <abbr title="Texas">TX</abbr> 76706 
      </p> 
      <a href="http://maps.google.com/maps?sourceid=chrome&um=1&ie=UTF-8&q=waco+hippodrome&fb=1&gl=us&hq=hippodrome&hnear=waco&cid=0,0,6382554904160266109&ei=0qcxS_3RJcmTnQfGgZWECQ&sa=X&oi=local_result&ct=image&resnum=1&ved=0CAgQnwIwAA" target="_blank"><img src="images/map.gif" alt="Location" title="Location" /></a> 
     </div>    
    </div> 
    <div class="contact_form"> 
     <h1>EMAIL VERTICAL MINISTRIES</h1> 
     <form action="#" method="post" id="sendEmail">      
      <p> 
      <label>Name:</label> 
      <input type="text" id="name" class="field" name="nume" /> 
      </p> 
      <div class="clear"></div> 
      <p> 
      <label>E-mail:</label> 
      <input type="text" id="email" class="field" name="email" /> 
      </p> 
      <div class="clear"></div> 

      <p> 
      <label>Message:</label> 
      <textarea class="field_textarea" rows="" cols="" id="message" name="message"></textarea> 
      </p>      
      <div class="clear"></div> 

      <p> 
      <label><?php echo $n1 . ' + ' . $n2; ?> = <br /> <font size="1">security purposes</font></label>   
      <input type="text" id="captcha" class="captcha_field" name="captcha" /> 
      </p>      
      <div class="clear"></div> 

      <p id="loading"><label>&nbsp;</label><input type="image" id="submit" src="images/send_btn.png" value="Send" /></p> 
     </form> 
    </div> 
    </div>    
</div>

Заранее благодарю вас за помощь.

источник

2010-02-11 dhjolesch

На вашей странице заканчивается содержание до того, как она заканчивается прокруткой в поле зрения ... она прокручивает туда, где нижняя часть #content соответствует нижней части страницы.

Вы можете добавить отступы в прокруткой объекта (может повлиять на другие браузеры), или простой, но дебатировать-квалифицированно Hacky CSS исправить:

#contact { padding-bottom: 2000px; }

Это даст это пространство ниже, может выступать в качестве буфер между дном #content и нижней частью <html>

источник

2010-02-11 02:16:09

Спасибо, Ник. Я думал, что пробовал это, но, думаю, нет. Оно работало завораживающе. – dhjolesch

Возможно, у вас должно быть vertical-align:top; на div #contact.

источник

2010-02-11 02:05:33

Контактная страница, которая не отображается правильно в Google Chrome Broswer

ответ

Смежные вопросы