表单在 Internet Explorer 中根本没有样式 - CSS 不显示答案

【问题标题】：Form is not styled at all in Internet Explorer - CSS doesn't show up表单在 Internet Explorer 中根本没有样式 - CSS 不显示
【发布时间】：2010-12-19 09:44:08
【问题描述】：

我不知所措，真的可以使用任何形式的帮助！我正在联系页面上写一个简单的表格 (http://the4amburrito.com/contact.html)

该表单在 Safari 和 Firefox 中具有样式并且看起来很好，但在 Internet Explorer 6、7 和 8 中...什么都没有！奇怪的是在 IE 中标题仍然是样式的，这意味着 CSS 必须是加载。

我已经验证了 CSS 并尝试了大约一百万种不同的方法，但没有任何效果。我正在自学 CSS，所以也许我做了一些非常愚蠢的事情，对其他人来说是显而易见的？有任何想法吗？

【问题讨论】：

标签： css internet-explorer forms

【解决方案1】：

那是因为你的 HTML 代码坏了。

form 标记之前的 div 标记缺少结尾 >。

【讨论】：

【解决方案2】：

您的 HTML 已损坏。例如，这里缺少>：

    <div id="contact"
    <form action="send_message.php" method="POST">

请确保您的 HTML 有效（例如使用 http://validator.w3.org），然后重试。

【讨论】：

是的，需要验证您的标记...... FF 和 Safari 非常擅长纠正它，因此在该浏览器中查看时它可以正确显示。不过，IE 一次会做正确的事情并提醒您注意问题。
哇，很简单，我的脸有点红。感谢您的超级快速回复！当您像我一样是初学者时，很容易变得如此沮丧，以至于您忘记寻找最明显的错误。一旦我得到它验证表单上的 CSS 确实出现了。看起来没问题（除了消息区域中 IE 7 和 8 中丑陋的滚动条），但在 IE6 中它完全不合时宜。你有什么建议吗？
不幸的是，我已经没有 IE6 了。我不知道这是否适合您的情况，但总的来说，我遵循以下原则“确保它在 IE>=7、FF 和所有其他符合标准的浏览器中看起来不错；然后确保它是 以某种方式 可以在 IE6 中使用，即使它看起来很丑”。问题是“让它在 IE6 中看起来不错”往往涉及丢弃所有漂亮的 div、css、... 的东西并用“旧方式”重写它...
我是基于查看 Adobe Browserlab (browserlab.adobe.com) 的屏幕截图，它看起来好像在 IE6 中，侧边表单一直在页面下方而不是右侧的另一个盒子。我只是在阅读有关 IE7 JavaScript 库的信息，以使 Microsoft Internet Explorer 表现得像一个符合标准的浏览器......这是否有帮助，或者只是一个没有真正解决任何问题的简单方法？再次感谢您的帮助。我很高兴偶然发现了这个伟大的社区。span>
IE7 库可能值得一试；我已经在我的一个网页上成功地使用了它，以实现“最小的 IE6 兼容性”。（如果您认为关闭 IE6 和 JavaScript 的用户仍然可以看到“丑陋”的版本。）