Почему мой сайт выглядит как мусор в IE? - PullRequest
Новая
       19

Почему мой сайт выглядит как мусор в IE?

6 голосов
/ 11 января 2010 
<!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/

Ответы [ 3 ]

17 голосов
/ 11 января 2010

Это потому, что он рендерит в режиме quirks - IE не нравится что-нибудь до DOCTYPE. Удалите комментарий, и он должен отображаться в режиме стандартов (его сайт в реальном времени содержал большой комментарий перед DOCTYPE, которого нет в вопросе).

Из Википедии:

Причудливый режим в любой версии IE будет также будет срабатывать, если что-нибудь, кроме пробел предшествует DOCTYPE. За пример, если гипертекстовый документ содержит комментарий или любой тег перед DOCTYPE, IE будет использовать режим причуд: 

<!-- This comment will put IE 6, 7 and 8 in quirks mode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
1 голос
/ 11 января 2010

Потому что IE, очевидно, мусор ... IE6, по крайней мере, IE8 довольно хорош. Убедитесь, что вы не используете какие-либо функции CSS3, Opera является единственной, которая поддерживает большую часть этого. Кроме того, проверьте свою страницу, если вы исправите обнаруженные проблемы, большинство ваших проблем, вероятно, будут решены.

1 голос
/ 11 января 2010

Если вы говорите о IE6, то это потому, что IE6 является устаревшим браузером, который не поддерживает многие распространенные инструменты HTML и CSS.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...