Question

好的，这是一个双重问题所以我将它分成两部分。

第一部分

在现代浏览器中，主要粗体标签位于其对应的表单元素上方，并按预期对齐到左侧。然而在ie7中，它们随机地位于10-15px插入位置。我浏览了开发人员工具，找不到任何解决方法。我确保我的所有边距和填充都被重置，所以我真的不明白= S

这是页面演示 - link

也许你们中的一些人，即修复天才的bug知道问题是什么？ = d

第二部分

再次使用标签，这次是在复选框和单选按钮旁边的内嵌式标签。在现代浏览器中，表单元素旁边的一面如预期的那样，但在ie7中它们采用新线的情况则不然。我已经尝试过浮动，更改边距以及所有内容，但是它与使用统一Jquery插件创建的div.checker或div.radio保持一致无效。

这是页面演示 - link

很抱歉因为我的ie7问题困扰你，我知道他们不是最有趣的解决方案。希望有人有耐心帮助。

马特

Answer 1

第1部分：

ol,ul{
    list-style-type:circle; list-style-position:inside;
}

如果你改变它：

ol,ul{
    list-style-type:circle;
}

或者只是完全删除定义，这似乎是为我做的。

我认为这是合理的事情，因为我没有看到实际使用子弹列表的任何内容。

编辑第2部分：

IE不喜欢这样：

input{
    background:#FFFFFF url(../images/input_bg.png) repeat-x;
    border:1px solid #CCCCCC;
    margin-bottom:20px;
    -moz-border-radius:3px;
    padding:7px;
    -webkit-border-radius:2px;
}

如果您从中移除margin-bottom:20px;，您的单选按钮就不会搞砸了。

抱歉，我并没有真正提供IE7特定的解决方案，但至少你已经找到了需要修复的地方。

Answer 2

这里有一个问题出在哪里

http://www.alistapart.com/articles/beyonddoctype

这里有关于doctype的一些观点，请点击此处

Which doctype do you use when writing webpages?

：）

在ie7中解决奇怪的代理标签的问题

2 个答案: