css - 使用 css 进行布局时,我的表单中的 IE6 和 IE7 出现奇怪的垂直间隙

标签 css internet-explorer-7 internet-explorer-6 padding margin

感谢 Jonathan Amend,CSS 现在已在下面的 iebug.html 中修复。

如果不在 IE6 或 IE7 中查看,很难真正解释这个问题,但无论如何,如果您在 IE6 和 7 上查看以下页面,您会在“给我发小册子”和“我会喜欢有关(勾选一个或多个框)的更多信息”复选框及其标签由于某种原因被神秘地插入或拉下:

http://sonic.huntinternet.com/iebug.html

我已经尝试将所有元素的边距和填充更改为 0,但这对 IE6 和 7 没有影响 - 这意味着我认为这是某种错误..但是我真的没有足够的经验来知道是什么错误甚至寻找任何类型的指针都会很好。

仅供引用,我使用了 sitepoint 网站上的指南,该指南建议使用嵌套列表,但实际上这应该没有任何区别。根据 w3c 的验证器,xhtml 和 css 都是有效的。

感谢您的帮助! 约翰。

最佳答案

添加 *display: inline-block;给你的.enquiry-form ol li。这是 IE 6/7 如何将列表项(默认为 block 元素)清除到新行的常见错误。

关于css - 使用 css 进行布局时,我的表单中的 IE6 和 IE7 出现奇怪的垂直间隙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4822283/

相关文章:

javascript - 在 IE7 中更改类名时背景位置不起作用

html - IE6 错误 - anchor 标记内的 Div : inline images not links

php - WordPress 2017 主题 : Add A Div over the Header image

html - 两个如何使用 CSS 从不同宽度的内容创建一个两列的动态布局?

css - float 元素在 IE7 中脱离容器,有时在 WebKit 浏览器中也是如此

html - 有没有办法确保图像至少保留类别名称中的一个词?

css - 如何在 drupal 6 中为 IE 浏览器使用条件 CSS?

javascript - IE6 不提交表单的最奇怪问题

具有自定义样式的 html 下拉列表

jquery - 是否可以覆盖 css 类