전체 사이트가 IE 6,7,8에서로드되지 않습니다. 9에서 CSS 문제가 발생했습니다.

나는이 문제를 완전히 해결했다고 인정해야합니다. 나는 수정을 위해 인터넷을 수색 해왔다. 그러나이 문제가 이미 해결 되었다면 나는 진심으로 사과한다.전체 사이트가 IE 6,7,8에서로드되지 않습니다. 9에서 CSS 문제가 발생했습니다.

저는 IE8에서 완벽하게 작동해야하는 웹 사이트에서 작업하고 있습니다. 나는 IE6 용으로 꽤 좋은 것들을 사용하지 못하게하고 모든 버전에서 정상적으로 작동한다는 것을 기억한다. Firefox, Chrome 및 Safari에서도 잘 작동합니다. 그러나 오늘은 BREAK로 결정했습니다.

페이지는 단순히 IE6, 7에서로드되지 않습니다, 또는 8 내 유일한 추측은 브라우저를 중지있어 머리에 스크립트 또는 무언가가있다 : 여기에 문제가 있습니다. 머리에있는 모든 스크립트와 링크를 제거한 후 로딩을 시도했지만 아무 소용이 없습니다. 그것은 단지 하얀 페이지입니다. 이 문제를 어떻게 해결할 수 있습니까?
로드하는 데 페이지를 사용할 때 모든 버전의 IE에서 위쪽 탐색이 손상되었습니다. Firefox, Chrome 또는 Safari에서는 괜찮 았습니다. 내비게이션의 각 링크는 <li>이고 그 안에는 <a>입니다. 사용자가 <li>을 굴러 올리면 해당 스팟 라이트 이미지가 jquery의 맞춤 비트를 통해 바뀝니다. 하지만 지금은 링크가 나타나지 않습니다.
일부 이유로 인해 탭이있는 링크가있는 이미지가 손상되었습니다. 정상적인 상태에서는 괜찮습니다. 롤오버시 탭은 약간 튀어 나오고 색상이 바뀝니다. 나는 border-radius과 box-shadow을 가지고 있으며 컨테이너의 CSS3 파이도 사용하고 있습니다. 그러나 롤오버에서 모퉁이는 검게 변합니다. PNG가 제대로 표시되지 않는 것처럼 보이지만 CSS로 만들어집니다. 이 문제는 기본 페이지 기능을 다시 얻는 것만 큼 중요하지는 않습니다. 이미지를 사용하여 되돌릴 수는 있지만 헤드 스크래쳐 (head scratcher)도 마찬가지입니다.

내 사무실에는 Windows 7에서 기본적으로 IE9를 사용하고 IETester 프로그램을 사용하여 다른 버전의 사이트를 끌어 올립니다. 우리는 기본적으로 IE6를 실행하는 다소 오래된 컴퓨터를 가지고 있지만 그 결과는 모두 동일합니다.

이 프로젝트는 최종 기한이 다가오고 있습니다. 따라서이 프로젝트는 기상 이변으로 인해 매우 비참합니다. 아무도 여기에 무엇이 잘못되었는지 알면 알려 주시기 바랍니다. header.php와 footer.php에 대한 포함 PHP를 함께 넣어

This location

페이지 :이 사이트에서 호스팅되고있다. 스타일 내에서

<link href="css/style.css" rel="stylesheet" type="text/css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript" ></script> 
<script src="js/libs/modernizr-2.0.6.min.js" type="text/javascript" ></script> 
<script src="js/script.js" type="text/javascript" ></script> 
<script src="js/plugins.js" type="text/javascript" ></script> 
<script src="js/libs/PIE.js" type="text/javascript" ></script> 
<!--[if IE 6]> 
<link href="css/ie6.css" rel="stylesheet" type="text/css" /> 
<![endif]-->

재설정 및 타이포그래피 스타일 시트는 @import를 통해에 daisychained됩니다

그냥 그래서 당신은 헤더에 연결되어 있는지 알고있다. 그들은 CSS 디렉토리 안에 있습니다. 여기

는 body 태그에서 시작, 내 헤더 파일입니다 스포트 라이트를 위해 여기

<body> 

    <div id="wrapper"> 

     <div id="header"> 

      <div id="masthead"></div> 

      <ul class="nav"> 
       <li class="nav_spacer_left"></li> 
       <a href="#" id="nav1"><li class="index"></li></a> 
       <a href="##" id="nav2"><li class="works"></li></a> 
       <a href="###" id="nav3"><li class="products"></li></a> 
       <a href="####" id="nav4"><li class="partners"></li></a> 
       <a href="#####" id="nav5"><li class="company"></li></a> 
       <a href="######" id="nav6"><li class="contact"></li></a> 
       <li class="nav_spacer_right"></li> 
      </ul> 

      <div id="lights">  
       <div class="nav_light" id="nav1_light"></div> 
       <div class="nav_light" id="nav2_light"></div> 
       <div class="nav_light" id="nav3_light"></div> 
       <div class="nav_light" id="nav4_light"></div> 
       <div class="nav_light" id="nav5_light"></div> 
       <div class="nav_light" id="nav6_light"></div> 
      </div> 


     </div><!--! end of #Header --> 

    <div class="clear"></div> 

     <div id="background"> 
      <div class="shelf"></div> 

      <div class="content">

JQuery와이다, 아주 기본적인 것들 :

/* 
    Spotlights 
*/ 
$(document).ready(function() { 

$('#nav1').hover(function() { 
    $('#nav1_light').addClass('nav_light_bright'); 
     }, function() { 
    $('#nav1_light').removeClass('nav_light_bright'); 
}); 

$('#nav2').hover(function() { 
    $('#nav2_light').addClass("nav_light_bright"); 
     }, function() { 
    $('#nav2_light').removeClass("nav_light_bright"); 
}); 

$('#nav3').hover(function() { 
    $('#nav3_light').addClass("nav_light_bright"); 
     }, function() { 
    $('#nav3_light').removeClass("nav_light_bright"); 
}); 

$('#nav4').hover(function() { 
    $('#nav4_light').addClass("nav_light_bright"); 
     }, function() { 
    $('#nav4_light').removeClass("nav_light_bright"); 
}); 

$('#nav5').hover(function() { 
    $('#nav5_light').addClass("nav_light_bright"); 
     }, function() { 
    $('#nav5_light').removeClass("nav_light_bright"); 
}); 

$('#nav6').hover(function() { 
    $('#nav6_light').addClass("nav_light_bright"); 
     }, function() { 
    $('#nav6_light').removeClass("nav_light_bright"); 
}); 

})

명을 요구하면 내 코드 주위에 파고하기 나를 다시 얼간이로 만든다. 진심으로 사과한다.나는이 일로 나를 도울 수있는 친절한 사람을 진심으로 감사하며 미리 감사드립니다. 모든 작은 꼬리표가 붙지 않은 꼬리표이거나 뭔가라면, 적어도 10 분 동안 머리를 숙일 것입니다.

질문을 게시하는 데 문제가있어서 페이지에 링크하는 대신 여기에 스크립트를 포함 시켰습니다. 모든 CSS를보고 싶다면 이전에 링크 된 사이트의/css/디렉토리에 있습니다. 물론 필요한 경우 여기에 더 많은 코드를 게시 할 수 있습니다.

출처

2011-11-22 DesignUtensil

항상 내 첫 번째 단계 : http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.justinwestphal.com%2Fkyoei%2Findex.php –

실제로 그들은 당신에게 청구 할 것 전체 차를 확인하기 위해 :) –

http://jsfiddle.net에 게시, 우리가 보자. – Synxmax

수정 됨. 그것은 내가 알지 못하는 사이에 doctype 위에 생성되는 공간이었습니다! : -O

출처

2011-11-25 04:22:34 DesignUtensil

이것은 무엇을 의미 하는가? 전에는 없었던 공간이 갑자기 어떻게 생성 될 수 있는가? 당신은 오늘 "_ 방치하기로 결정했습니다"_ – Sparky

전체 사이트가 IE 6,7,8에서로드되지 않습니다. 9에서 CSS 문제가 발생했습니다.

답변

관련 문제