Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 解决ie7中行为异常标签的问题_Html_Css_Forms_Label_Internet Explorer 7 - Fatal编程技术网

Html 解决ie7中行为异常标签的问题

Html 解决ie7中行为异常标签的问题,html,css,forms,label,internet-explorer-7,Html,Css,Forms,Label,Internet Explorer 7,好吧,这是一个双重问题,所以我把它分成两部分 第一部分 在现代浏览器中,主要的粗体标签位于相应的表单元素上方,并按预期向左对齐。然而在ie7中,他们随机插入10-15px的位置。我浏览了开发人员的工具,却找不到任何可以修复的东西。我已确保所有边距和填充都已重置,因此我无法真正理解=S 这是页面演示- 也许你们中的一些人知道问题出在哪里=D 第二部分 同样使用标签,这一次是位于复选框和单选按钮旁边的内联标签。在现代浏览器中,表单元素旁边的那一面与预期的一样,但在ie7中却不是这样,在ie7中,表单

好吧,这是一个双重问题,所以我把它分成两部分

第一部分

在现代浏览器中,主要的粗体标签位于相应的表单元素上方,并按预期向左对齐。然而在ie7中,他们随机插入10-15px的位置。我浏览了开发人员的工具,却找不到任何可以修复的东西。我已确保所有边距和填充都已重置,因此我无法真正理解=S

这是页面演示-

也许你们中的一些人知道问题出在哪里=D

第二部分

同样使用标签,这一次是位于复选框和单选按钮旁边的内联标签。在现代浏览器中,表单元素旁边的那一面与预期的一样,但在ie7中却不是这样,在ie7中,表单元素采用了一条新的线条。我尝试过浮动、更改页边距和所有操作,但没有效果,因为它与统一Jquery插件创建的div.checker或div.radio保持一致

这是页面演示-

很抱歉用我的ie7问题来麻烦你,我知道它们不是最有趣的解决方法。希望有人有耐心帮忙


马特

这是问题所在

这里有一些关于doctype的观点,就在这里


:)

问题出在这里

这里有一些关于doctype的观点,就在这里


:)第1部分:

ol,ul{
    list-style-type:circle; list-style-position:inside;
}
如果您将其更改为:

ol,ul{
    list-style-type:circle;
}
或者干脆把这个定义完全去掉,这对我来说似乎很合适

我认为这样做是合理的,因为我没有看到任何实际使用项目清单的东西

编辑第2部分:

ol,ul{
    list-style-type:circle; list-style-position:inside;
}
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;
}
如果删除
页边距底部:20px这样,你的单选按钮就不会被弄乱了


很抱歉,我没有真正提供IE7特定的解决方案,但至少您有需要修复的地方。

第1部分

ol,ul{
    list-style-type:circle; list-style-position:inside;
}
如果您将其更改为:

ol,ul{
    list-style-type:circle;
}
或者干脆把这个定义完全去掉,这对我来说似乎很合适

我认为这样做是合理的,因为我没有看到任何实际使用项目清单的东西

编辑第2部分:

ol,ul{
    list-style-type:circle; list-style-position:inside;
}
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;
}
如果删除
页边距底部:20px这样,你的单选按钮就不会被弄乱了


很抱歉,我没有真正提供针对IE7的解决方案,但至少您已经找到了需要修复的地方。

第1部分起到了作用。第2部分在ie7中没有任何效果,我尝试在div.checker和.radio中删除边距等等,但是没有运气=SOkay我已经修复了它。我灵机一动地检查制服演示是否有内嵌标签,它确实有。它将输入嵌套在标签中,这是genius,在ie7 lol=D中工作。显然,我有一个习惯,就是让自己的生活变得艰难。谢谢你的帮助和故障排除,伙计,谢谢。第一部分起到了作用。第2部分在ie7中没有任何效果,我尝试在div.checker和.radio中删除边距等等,但是没有运气=SOkay我已经修复了它。我灵机一动地检查制服演示是否有内嵌标签,它确实有。它将输入嵌套在标签中,这是genius,在ie7 lol=D中工作。显然,我有一个习惯,就是让自己的生活变得艰难。谢谢你的帮助和故障排除,谢谢你。