代码之家  ›  专栏  ›  技术社区  ›  user198923

CSS和Internet Explorer不兼容

  •  2
  • user198923  · 技术社区  · 14 年前

    我真的很难在Firefox和Chrome上找到一个很棒的页面,但是在IE上看起来绝对是个垃圾。

    很明显,我遗漏了一些东西,但是当涉及到CSS时,我并不十分熟悉浏览器之间的兼容性问题。有人能给我小费吗?

    Page with the issue

    索引页看起来不错!这真的让我觉得很难受。。。

    提前谢谢

    3 回复  |  直到 13 年前
        1
  •  6
  •   david    14 年前

    您的页面没有doctype,因此IE正在返回到quirks模式。

    尝试将此添加到html标记上方:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    
        2
  •  2
  •   samarjit samanta    14 年前

    首先这是一个格式错误的HTML <head> <body> </head> <body> ,成功 <html> <head> <scripts .../></head> <body> </body></html> . 这会让你的第二页看起来像第一页。

    我添加了一个XHTML DTD来修复中心对齐 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> . 这会让你的第一页看起来更像chrome和Firefox。

    最后你使用的是HTML5标签 <header> <nav> . IE不完全支持HTML5,firefox chrome部分支持HTML5。我宁愿怀疑现在使用它们,或者至少在所有浏览器中进行测试。尽管我看到你在IE中添加了一个用于模拟HTML5的js,但把它放在body之前。但有趣的是它如何模拟HTML5:)。

        3
  •  1
  •   catandmouse    14 年前

    你在使用CSS重置吗?这是我正在使用的CSS重置: http://meyerweb.com/eric/tools/css/reset/ 但也有其他的变化是有用的。

    将有助于解决大多数浏览器不兼容问题。;)