消息表单未正确显示[关闭]答案

【问题标题】：Message form not displaying properly [closed]消息表单未正确显示[关闭]
【发布时间】：2012-08-09 06:33:56
【问题描述】：

我遇到了一整天都在解决的问题，这可能是我忽略的快速解决方案。我希望第二双眼睛能很快注意到它。

下面的链接有一个消息提交表单，由于某种原因，浏览器没有为它选择任何 CSS。它只是将所有内容显示为杂乱无章的无边框单词等。

谁能帮帮我？

编辑：我还不能上传截图到这个论坛，因为我太新了。但是，我已将屏幕截图上传到此链接：http://www.hiredavewaring.com/images/ss/problem.png

【问题讨论】：

使用 Firefox 和 Google Chrome 的Inspect Element，我看到所有提供的 CSS 都在应用。
您认为 CSS 的哪一部分没有被应用？
我通过 csslint.net 运行了你的 css。三个解析错误和大量警告。您可能需要先更正错误。
好的，所以看起来它只发生在 Safari 6.0 中当在 Firefox 中打开时，它都正常显示。我也知道 CSS 错误。现在，css页面是旧网站和新网站的混合体，所以我还没有机会清理它。不过我很快就会做。谢谢Somekid。
您可以将网站的屏幕截图上传到您的问题中吗？不幸的是，我没有 Safari。

【解决方案1】：

#webwrapper 的 CSS 文件的第 735 行有 2 个打开的花括号。这可能会阻止该行之后的所有内容生效。

【讨论】：

+1 我测试了您的解决方案，看来这对 Firefox 和 Google Chrome 起到了作用。不过不确定 Safari，因为我没有安装它。我认为这应该是公认的答案:)
你摇滚，安德烈。那成功了。它现在可以在 Safari 6.0 上运行。谢谢！

【解决方案2】：

变化：

<link rel="stylesheet" type="text/css" href="css/swagger.css" />

收件人：

<link rel="stylesheet" href="css/swagger.css" media="screen" />

【讨论】：