Страница контактов не отображается правильно в Google Chrome Broswer - PullRequest
Новая
       8

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

0 голосов
/ 11 февраля 2010

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

<!-- 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> contact@verticalministries.net<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>

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

Ответы [ 2 ]

1 голос
/ 11 февраля 2010

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

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

#contact { padding-bottom: 2000px; }

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

1 голос
/ 11 февраля 2010

вам может потребоваться vertical-align:top; в #contact div.

...