为什么 Internet Explorer 显示此站点居中而不是 Firefox 或 Chrome？答案

【问题标题】：Why does Internet Explorer show this site centered versus Firefox or Chrome?为什么 Internet Explorer 显示此站点居中而不是 Firefox 或 Chrome？
【发布时间】：2010-11-18 02:18:46
【问题描述】：

我已经建立了一个网站，当我的用户加载时

http://info.salemgolfclub.org/Account/Logon

用户名和密码用户输入控件在 Firefox 和 Chrome 的面板中显示为左对齐但 Internet Explorer 在面板中显示为居中。

我希望 Internet Explorer 也显示左对齐。我如何确定 Firefox 和 Chrome 似乎可以解决什么问题，但 Internet Explorer 却难以解决，所以每个浏览器都保持一致？

我希望 cmets 在这个特定示例以及一般 cmets 的最佳实践中避免这种情况在未来发生。

【问题讨论】：

IE 6？无法重现您的问题。
我可以用 IE 8 重现这个。Safari 左对齐。您是否在 ../Content/site.css 中未指定外观？
一个最佳实践（我系统地忽略了）是从一开始就在 IE6 上测试你的 CSS，而不是拖延这个可怕但仍然必要的任务！
我故意不预先加载与 IE6 相关的 CSS 兼容性。人们这样做的时间越长，IE6 的寿命就越长。
在项目中使用重置样式表来标准化跨浏览器的元素默认值可能很有用。一些不错的重置样式表是 Eric Meyer 的 - meyerweb.com/eric/tools/css/reset 和 Yahoo 的 - developer.yahoo.com/yui/reset。

标签： asp.net html cross-browser

【解决方案1】：

也许 IE 的默认样式以标签为中心。只需在您的 CSS 中设置 text-align: left。

【讨论】：

【解决方案2】：

设置文本左对齐。

<fieldset style="text-align:left;">

【讨论】：

【解决方案3】：

...从设置 text-align: left ...你可能不得不浮动：留下一些元素

【讨论】：