Question

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Davey Whitney</title>
<link rel="shortcut icon" href="http://daveywhitney.com/images/favicon.ico" />
<script src="js/jquery.js" type="text/javascript"><!--mce:0--></script>
<script src="js/jquery.lightbox-0.5.min.js" type="text/javascript"><!--mce:1--></script>
<script src="js/jquery.jparallax.js" type="text/javascript"><!--mce:2--></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script> 



<meta name="keywords" content="Davey Whitney,Davey,Whitney,Web Designer,Web Design,Web Development,Web" />
<meta name="description" content="Davey Whitney - Web Developer and so much more..." />
<link rel="stylesheet" href="style.css"  type="text/css" media="all" />

<script type="text/javascript">

jQuery(document).ready(function(){
    jQuery('#parallax')
    .animate(
{duration: '2000', easing: 'easeInSine'

    })
    .jparallax({yparallax:false},{xtravel: '100%'},{xtravel: '300px'});
});



</script>

</head>

<body bgcolor="#ffffff">

<div id="wrapper">

<div id="icons">
    <a href="mailto:davey@daveywhitney.com" target="_blank">
    <img src="http://daveywhitney.com/images/gmail.png" border="0" />
    </a>
    <a href="http://www.linkedin.com/pub/davey-whitney/15/a15/86a" target="_blank">
    <img src="http://daveywhitney.com/images/linkedin.png" border="0" />
    </a>
    <a href="http://twitter.com/daveywhitney" target="_blank">
    <img src="http://daveywhitney.com/images/twitter.png" border="0" />
    </a>
    <a href="http://www.facebook.com/home.php?#/profile.php?ref=profile&id=13810754" target="_blank">
    <img src="http://daveywhitney.com/images/facebook.png" border="0" />
    </a>
</div>


<div id="copyright">

&copy; <a href="mailto:davey@daveywhitney.com" target="_blank">Davey Whitney</a>

</div>

<div id="parallax"> 
<img style="width: 61px;" src="http://daveywhitney.com/images/merun.png" alt="" />
</div>


</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-12009950-2");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>

CSS

#wrapper {
    width:1200px;
}

#icons {

    padding:100px 0 0 0;
    margin:0 auto;
    width:530px;
    border:0;   
}

#copyright {
    width:150px;
    margin:50px auto;
}

#copyright a:link {
    color: #3F7BCA;
}

#copyright a:hover {
    color: #F28900;
}

a  {
    text-decoration:none;
}

#parallax
    {
    position:relative; 
    overflow:hidden; 
    width:100%; 
    height:98px;
    border:none;
    margin:0 auto 20px auto; 
    padding-top: 30px;
}

以下是网站：http://daveywhitney.com/

Answer 1

这是因为它在quirks mode中呈现 - IE在DOCTYPE之前不喜欢任何。删除评论，它应该以标准模式呈现（他的实际网站在DOCTYPE之前包含一个大问题，在问题中不可见）。

来自维基百科：

任何版本的IE中的怪癖模式都会如果有的话，也会被触发空格位于DOCTYPE之前。对于例如，如果是超文本文档包含评论或之前的任何标记 DOCTYPE，IE将使用怪癖模式：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Answer 2

如果你在谈论IE6，那是因为IE6是一个过时的浏览器，不支持许多常见的html和css工具。

Answer 3

因为IE显然是垃圾...... IE6至少，IE8相当不错。确保您没有使用任何CSS3功能，Opera是唯一支持其中大部分功能的功能。此外，验证您的页面，如果您解决了发现的问题，您的大多数问题都可能会得到解决。

为什么我的网站在IE中看起来像垃圾？

3 个答案: