【问题标题】:CSS not working with internet explorer [closed]CSS不适用于Internet Explorer [关闭]
【发布时间】:2012-12-13 04:58:18
【问题描述】:

我正在为客户创建网站,但由于某种原因 Internet Explorer 不接受标记。它应该看起来像这样:

它在 chrome/firefox 上执行,但在所有版本的 Internet Explorer 上显示如下:

您可以在此处查看 CSS:http://infinity4life.nl/ 我希望你们中的一些人可以帮助我,我提前谢谢你们。

【问题讨论】:

  • 看不到代码怎么知道问题?
  • 您可以点击链接并使用浏览器的调试功能
  • 仅供参考,输出在 IE10 上看起来不错,但在 IE9 上却不行。

标签: css internet-explorer incompatibility


【解决方案1】:

对于侧边栏ul.li,添加以下属性:

ul.menu li {
    float: left; /*new*/
    margin: 0;
    width: 100%; /*new*/
}

对于标题文本,首先删除所有空格。按空间控制定位不是正确的做法。然后使用text-align: center使其居中。

【讨论】:

    【解决方案2】:

    我找到了解决主要问题的方法。在我使用的 div 末尾的 html 中

         </div><!-- end of div-->
    

    Internet explorer 没看懂,只好加个空格:

         </div> <!-- end of div-->
    

    这基本上毁了所有的 CSS,因为它会继承它不应该继承的样式。感谢大家的帮助!

    【讨论】:

      【解决方案3】:

      #header FORM .inputbox 中删除font-size:1em 似乎可以解决 IE 中巨大的输入字段问题。

      【讨论】:

      • 谢谢,解决了这个问题。然而,它显示页面标题不可见。有什么想法吗?
      猜你喜欢
      • 2011-01-04
      • 2015-03-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-07-25
      • 1970-01-01
      • 1970-01-01
      • 2020-06-05
      相关资源
      最近更新 更多