Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 测试网站,出现空白页面_Html_Internet Explorer_Conditional Comments - Fatal编程技术网

Html 测试网站,出现空白页面

Html 测试网站,出现空白页面,html,internet-explorer,conditional-comments,Html,Internet Explorer,Conditional Comments,当我在IE 5.5、6.0、7.0和8.0中测试网站时,会加载一个空白页面。该网站在Firefox、Safari、Opera和Chrome中运行良好。我认为问题与有条件的评论有关 下面是我的源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/

当我在IE 5.5、6.0、7.0和8.0中测试网站时,会加载一个空白页面。该网站在Firefox、Safari、Opera和Chrome中运行良好。我认为问题与有条件的评论有关

下面是我的源代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Chris Schnitzer | Home</title>
<link href="home.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function() {
    $('.homewrap').hover(function() {
        $(this).children('.front').stop().animate({ "top" : '200px'}, 500);
    }, function() {
        $(this).children('.front').stop().animate({ "top" : '0'}, 300);
    });
});
</script>


<!--[if IE5]>
<style type="text/css">
/* place haslayout fix for IE 5* in this conditional comment */
#headerright, #mainContenttext, #mainContentrigheducation, #mainContentrightexpertise { height: 1%; }
</style>
<![endif]-->

<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
#headerright, #mainContenttext, #mainContentrighteducation, #mainContentrightexpertise { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</syle>
<![endif]--> 

</head>

<body>
<div id="container">
<div id="header">
         <div id="headerleft"><!-- #BeginLibraryItem "/Library/logo.lbi" -->
<a href="index.html"><img src="assets/images/logo.png"  width="135" height="77" alt="chris schnitzer logo" /></a><!-- #EndLibraryItem -->
    </div>

    <div id="headerright">
    <div id="topnav"><!-- #BeginLibraryItem "/Library/topnav.lbi" --><ul>
    <li><a href="index.html">Home</a>|<a href="Whatido/index.html">What I Do</a>|<a href="portfolio/index.html">Portfolio</a>|<a href="contactme/index.html">Contact Me</a></li>
     </ul><!-- #EndLibraryItem --></div>
    </div>
    </div>

    <div id="greetingandintrowrap">
<div id="greetingtext">Hello, Gutentag, Sawubona!</div>
    <div id="intro">
      <h4>I am Chris and thank you for taking your time to view my portfolio</h4>
    </div>
</div>


  <div id="mainContent">
<div id="mainContenthome">
  <a href="Whatido/index.html"><div class="homewrap">
    <img src="assets/images/whatidohomepgback.png" width="200" height="200" alt="What I Do" />
    <img src="assets/images/whatidohomepgfront.png" class="front" width="200" height="200" alt="What I Do" />
    </div></a>

  <a href="portfolio/index.html"><div class="homewrap"> 
    <img src="assets/images/portfoliohomepgback.png" width="200" height="200" alt="Portfolio" />
    <img src="assets/images/portfoliohomepgfront.png" class="front" width="200" height="200" alt="Portfolio" />
    </div></a>

  <a href="contactme/index.html"><div class="homewrap">
    <img src="assets/images/contactmehomepgback.png" width="200" height="200" alt="Contact Me" />
    <img src="assets/images/contactmehomepgfront.png" class="front" width="200" height="200" alt="Contact Me" />
    </div></a>
  <br class="clearfloat" />
</div>
</div>

  <div id="footercontent">
<p>I have a <span class="bolddarkblue">passion</span> for designing visually appealing content<span class="bolddarkblue"></span> 
      that <span class="bolddarkblue">communicates </span> your message whether it is for print or the web using 
      HTML,  CSS, JQuery and Flash to design <span class="bolddarkblue">Standard Compliant</span> websites.</p>
</div>
  <div id="footer"><div id="altlogo"><!-- #BeginLibraryItem "/Library/altnav.lbi" -->

<a href="index.html"><img src="assets/images/smalllogo.png" width="41" height="24" alt="chris schnitzer logo" /></a>
</div>

<div id="altnav">
<ul>

<li><a href="index.html">Home</a></li>
<li><a href="Whatido/index.html">What I Do</a></li>
<li><a href="portfolio/index.html">Portfolio</a></li>
<li><a href="contactme/index.html">Contact Me</a></li>
</ul>
</div></div><!-- #EndLibraryItem -->
</div>
</body>
</html>

克里斯·施尼策之家
$(函数(){
$('.homewrap')。悬停(函数(){
$(this.children('.front').stop().animate({“top”:'200px'},500);
},函数(){
$(this).children('.front').stop().animate({“top”:“0'},300);
});
});
  • |||
你好,古腾塔格,萨乌波纳! 我是Chris,感谢您抽出时间查看我的投资组合
我热衷于设计具有视觉吸引力的内容 无论是用于打印还是用于web,都可以使用 HTML、CSS、JQuery和Flash设计符合标准的网站


在上次IE条件注释中,您没有正确关闭
元素:

<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
#headerright, #mainContenttext, #mainContentrighteducation, #mainContentrightexpertise { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</syle>
<![endif]-->

你为什么还要测试IE 5?没有人再使用IE 5了。
可能是罪魁祸首调试提示:如果您怀疑某些条件块是原因,请一次删除一个,直到它起作用为止。您移除的最后一个区块出现问题。