涉及表单时 IE 将不起作用答案

【问题标题】：IE Won't Work When Forms Are Involved涉及表单时 IE 将不起作用
【发布时间】：2012-03-15 03:41:48
【问题描述】：

我正在为我的网站制作一个非常棒的模板，我喜欢它！当我进行测试以确保它在所有五种主要浏览器（IE、Firefox、Chrome、Opera、Safari）中都能正常运行时，它在除 IE 之外的所有浏览器中都运行良好！只要页面中没有<form>，该模板在所有五种浏览器中都可以正常工作，但如果页面中有，例如登录页面，它看起来就像一个五岁的孩子画的。

我想知道是否有其他人遇到过这个问题，如果有，您是如何解决的？

顺便说一下，标签是这样的：

    <form method="post" action="/themeChange.php">

你可以猜到，/themeChange.php 是我的页面的名称，这是迄今为止看起来最糟糕的。

这是一个混乱页面的 URL： http://www.allthemgames.com/login.php

这是它应该看起来的样子： http://www.allthemgames.com/home.php

感谢您的帮助，如果您因为遇到同样的问题而阅读本文，希望我们能得到答案！

顺便说一下，IE6、IE7、IE8和IE9都有这个问题。除此之外，我没有检查过以前的版本。

【问题讨论】：

显示一些代码将帮助您获得答案。或指向显示问题的网站的链接
您必须展示您的 CSS 和 HTML 代码。如果不是完整的表格，至少是表格的一个或两个元素。我只能推测您使用的是 IE7 和 IE8 不支持的 CSS。 IE9 做得不错。如果您对显示代码感到害羞，请尝试在此处检查您的 CSS 是否受支持：caniuse.com

标签： css forms internet-explorer

【解决方案1】：

您的第一个问题是您没有文档类型。如果没有 doctype，IE 将以兼容模式呈现。添加那个。

其次，修复您的验证错误。无效标记是标记在不同浏览器之间看起来不同的第一大原因。

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.allthemgames.com%2Flogin.php&charset=%28detect+automatically%29&doctype=Inline&group=0

【讨论】：

感谢验证器链接！这是非常有帮助的！而且，我从来不知道文档类型很重要。
@BoomGoesTheDynamite，对于 IE，doctype 上面也必须没有任何内容，甚至没有空行。