联系我们页面无法在Google Chrome浏览器中正确显示
问题描述:
我有一个使用JQuery滚动的单页组合样式网站,我无法使“联系人”页面在Google Chrome浏览器中完全显示。它在IE,Safari和Firefox中运行良好,但不适用于Chrome。我附上了“联系人”页面的代码,以查看是否有人能看到错误。要查看网站并查看问题,请转至http://www.verticalministries.net/并导航至“联系人”页面。联系我们页面无法在Google Chrome浏览器中正确显示
<!-- 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> </label><input type="image" id="submit" src="images/send_btn.png" value="Send" /></p>
</form>
</div>
</div>
</div>
非常感谢您的帮助。
答
在页面滚动到视图之前,页面内容用完......滚动到#内容的底部与页面底部相匹配的位置。
您可以在滚动的对象添加填充(可能会影响其他浏览器),或者一个简单而辩论,巧妙地哈克CSS修复:
#contact { padding-bottom: 2000px; }
这将给它下方的空间,可以作为一个行动#内容底部和底部之间的缓冲区<html>
答
您可能需要在#contact div上有vertical-align:top;
。
谢谢尼克。我以为我曾尝试过,但我猜不是。它像一个魅力。 – dhjolesch 2010-02-11 02:22:02