İletişim Sayfası Google Chrome tarayıcısına doğru görünmüyor

2 Cevap php

Ben JQuery ile kaydıran bir tek sayfalık portföy tarzı web sitesi var, ve ben Google Chrome tarayıcısında tam göstermek için "İletişim" sayfasını alınamıyor. Bu ancak Krom, IE, Safari ve Firefox'ta çalışıyor. Birisi yanlış olduğunu görebilirsiniz görmek için "İletişim" sayfası için kod eklenmiş. Siteyi görüntülemek ve sorunu görmek için, http://www.verticalministries.net/ gidin ve "İletişim" sayfasına gidin.

<!-- 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>

Yardımlarınız için şimdiden teşekkür ederiz.

2 Cevap

Görüntüden kaydırma tamamlanmadan önce sayfa içeriğinin biterse ... o # içeriğin alt sayfanın alt eşleşen yere kayar.

Sen kaydırılabilir nesnesine (diğer tarayıcıları etkileyebilir) de dolgu ya da ekleyebilirsiniz, ya da basit ama tartışma-hünerle hacky CSS düzeltme için:

#contact { padding-bottom: 2000px; }

Bu # içeriğin alt ve <html> altındaki arasında bir tampon olarak hareket edebilir, aşağıda bu o alan verecek

Eğer # temas div vertical-align:top; olması gerekebilir.

etiketler