2012-08-31 46 views
0

我敢肯定,这个标题已被用于很多次之前在这里的一些问题。如果你看看the site并在Chome,Saffari,Firefox等浏览它,我在IE浏览器中使用CSS样式遇到了一些困难。一切工作都很完美。CSS代理奇怪的Internet Explorer中

但在IE浏览器中,你看到的东西..混乱..(丢失的话)。

有人会知道为什么会发生这种情况吗?如果你看到源头,你会发现可能导致这种情况的东西吗?我认为这与float值有关,但我不是100%确定的。

+5

有史以来最热闹的标题。 – Shmiddty

+0

您应该使用列表'ul或ol'作为菜单。你应该避免使用换行符'
'到空间元素。对于文本块,请使用段落标记'

'。内联CSS是一种不好的做法。我可以继续...... – Shmiddty

+0

它看起来像内联的CSS只是脚本生成的东西,所以你很好。 – Shmiddty

回答

4

您的网页无效。您可以在W3C.org上验证您的网页 文档没有文档类型,所以通常的浏览器应该不知道它是什么。 之后,检查你的风格 - 也许IE不知道你的规则。

<!DOCTYPE html>在哪里? ...结帐HTML5 Boilerplate项目,W3C和html5test.com/css2test.com 那里你会找到你的答案。

+0

....我简直不敢相信。在doctype中添加工作...这是愚蠢的! Aaaargh! IE ....感谢iegik,你不知道我多么感谢你的帮助! – Tiwaz89

1

在您的网页,在最高层,你有

<!-- 
Author:  Dean Grobler 
Date:  2012/08/29 
--> 

现在,这将引发IE9为Quirks模式。删除这个,看看会发生什么。

+0

删除文档顶部的注释。问题仍然存在,看不到任何变化:-( – Tiwaz89

+0

我仍然可以看到评论 –

+0

没有修复现场的评论,在我的本地机器上测试过它 – Tiwaz89

1

应用

<!DOCTYPE html> 
<head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
</head> 
      **OR** 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

这解决我在IE问题,希望这有助于..

0

您可以使用此代码,并创建一个IE的CSS costum(把这个头标记)

<!--[if IE 9 ]> 
      <link rel="stylesheet" type="text/css" href="IE9fix.css" /> 
     <![endif]--> 

    <!--[if IE 8 ]> 
      <link rel="stylesheet" type="text/css" href="IE8fix.css" /> 
     <![endif]--> 
<!--[if IE 7 ]> 
      <link rel="stylesheet" type="text/css" href="IE7fix.css" /> 
     <![endif]-->