感谢Jonathan Amend,css现已在下面的iebug.html中修复。
如果不在IE6或IE7中查看它,很难真正解释这个问题,但无论如何,如果你看一下IE6和IE的以下页面7你会看到旁边的“给我发一本小册子”和“我想了解更多信息(勾选一个或多个方框)”复选框和他们的标签由于某种原因被神秘地推或拉下来:
http://sonic.huntinternet.com/iebug.html
我已经尝试将我的所有元素的边距和填充更改为0但这对IE6和7没有影响 - 这意味着我认为这是某种类型的错误..但是我没有足够的经验知道什么样的bug甚至可以寻找,所以任何类型的指针都会很好。
仅供参考我使用了建议使用嵌套列表的sitepoint网站上的指南,但实际上这应该没有任何区别。根据w3c的验证器,xhtml和css都是有效的。
感谢您的帮助! 约翰。
答案 0 :(得分:2)
添加* display:inline-block;你的.enquiry-form ol li。这是IE 6/7如何将列表项(默认为块元素)清除到新行上的常见错误。
答案 1 :(得分:0)
为此,它被拉下来,因为浮动标签的副本长度为两行,因此OL将其顶部位置对齐到第二行的顶部。
这里想到的解决方案是让OL也向左浮动。当然,这将要求每个LI上都有clearfix样式(clearfix的样式可以在这里找到:http://net.tutsplus.com/tutorials/html-css-techniques/css-fudamentals-containing-children/)。