Div内容在所有浏览器中都可以，但在IE10上

Question

请检查以下网址：

http://www.deparche.com/registro

您可能希望看一下：

在Firefox，Chrome和Safari中它看起来不错，但在IE10和Opera上它看起来像这样：

我尝试了几种方法，例如使用JavaScript定位浏览器并减少输入文本的填充，但这没有任何意义。有足够的空间来保持场地的对齐。

我不知道该怎么做。

有什么想法吗？

谢谢！

Answer 1

您必须从.file-input-wrapper float: left;和width: 100px;

中删除

Answer 2

Internet Explorer将1px右侧填充添加到input#txtProfilePicPath元素（默认情况下，每个方向实际上都有1px填充）。在其上指定padding-right: 0可以解决问题。

Answer 3

到以下选择器：

div.formElementDiv input[type='text']

添加：

padding:0 0 0 10px;

这显式将所有填充设置为零（填充左侧除外）并修复您的问题。