XHTML/CSS 问题 IE 显示多余字符
我的客户网页有问题,您可以使用下面的链接进行检查,您会看到“饮料”选项下方出现一个额外的“ks”,但它只重复“饮料”选项的最后两个字符在 IE6 中,而非 Firefox 或 Webkit
http://www.villagiorestaurant.co.uk/drinks-menu.html
任何帮助将不胜感激..正在开车我疯了,因为我看不出问题出在哪里!
I have a problem with a clients webpage, you can check it out using the link below where you will see that underneath the 'drinks' option an extra 'ks' appears, however it only repeats the last two characters of the 'drinks' option in IE6 not Firefox or Webkit
http://www.villagiorestaurant.co.uk/drinks-menu.html
Any help would be appreciated.. It's driving me nuts as I can't see what the problem could be!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
啊,重复的文本内容错误,这是 IE6 所提供的最奇怪的错误之一。
当浮动体的右边缘邻接其父浮动体的右边缘时,就会发生这种情况,原因无人理解。 PIE 上的这篇文章将其归因于评论和其他隐藏元素,但似乎对我来说没有这个就会发生。
修复:在最后一个浮动(软饮料)上放置
margin-right: -3px
,或者为浮动链接指定position:relative
。Ah, the duplicated text content bug, one of the very weirdest IE6 has to offer.
It happens when the right edge of a float abuts the right edge of its parent, for reasons nobody understands. This post at PIE attributes it to comments and other hidden elements, but it seems to happen without that for me.
Fix: put a
margin-right: -3px
on the last float (Soft drinks), or give the floating linksposition: relative
.去除
显示:块;
从 div.options a
似乎也解决了这个问题。
Removing
display:block;
from div.options a
seems to remove the problem too.