2016-07-20 3 views
0

그래서이 코드는 아마도 기본 코드 일 뿐이며, 내가 잘못하고있는 것을 이해하지 못합니다. 나는 (개발 \ 연습을 위해) 윈도우 10에서 IIS를 사용하고 난 내 웹 루트에 두 개의 파일이 있습니다 default.htm을 &있는 style.css기본 CSS가 IIS8의 IE가 아닌 브라우저와 작동하지 않습니다.

default.htm을

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="style.css" /> 
    </head> 
    <body> 
     <div id="bodystuff"> 
      Stuff 
     </div> 
    </body> 
</html> 

스타일. CSS

#bodystuff { 
    font-family: Georgia; 
    font-size: 5em; 
} 

내 문제는 내가 IE ((11)이 중요한 경우)로 페이지를 열 때 벌금과 물건을 여는한다 (그리고 확률은 내가 부족 것을 어리석은 일이있어입니다) 내 body.css 파일을 사용하여 렌더링합니다. 그러나 Firefox에서 동일한 웹 사이트를 열면 스타일이 전혀 구성되어 있지 않은 것처럼 사이트가 렌더링됩니다.

strange

내가 IE 또는 FF 중 하나와 함께 사이트를 열 때 내 CSS를 사용되도록 그것을 만들 놓친 거지 무엇에 대한 어떤 제안?

+0

개발자 콘솔에서 경고를 확인하고 네트워크 패널에서 CSS가 요청되고 올바른 응답이 제공되는지 확인하십시오. –

+0

네트워킹 탭에서 style.css를 가져 오는 데 200 점이 들지만 콘솔에서는 두 가지 경고가 나타납니다. * ','또는 '{'을 (를) 검색하는 중 예기치 않은 파일 끝. 잘못된 셀렉터로 인해 룰 세트가 무시되었습니다. style.css : 1 : 30 * 유효하지 않은 규칙 집합의 닫기}를 (를) 검색하는 중 예기치 않은 파일 끝. style.css : 1 : 30 –

+0

'style.css' 파일에 대한 요청을 클릭하고 "Response"탭을 확인하십시오. 선택자에 예기치 않은 무언가가있는 것처럼 들립니다. –

답변

0

최종 결과는 내 default.htm 및 style.css 파일의 파일 인코딩이 다른 것입니다. UTF8을 사용하여 파일을 다시 작성했지만 이제는 작동합니다. Firefox는 CSS와 HTML 문서 사이의 파일 인코딩에 매우 민감한 것으로 보입니다. @ AlexanderO'Mara가 Firefox의 개발자 콘솔을 가리켜 주신 덕분에 솔루션을 찾았습니다. 개발자 콘솔에서 검색 한 후 here에 대한 토론을 발견했습니다.