Internet Explorer 8의 내 사이트 : 무슨 엉망 이냐

Question

Windows 7 서비스 팩 1 및 Internet Explorer 10이 있습니다. 내 사이트가 http://www.gfcf14greendream.com/입니다. Chrome, Firefox 및 Safari에서는 훌륭하게 보이지만 Internet Explorer에서는 그렇지 않습니다.

이

것은이

, 나는 아마 문제가 될 수 있다고 생각 : 우선, (위의 링크를 클릭하여 비교하시기 바랍니다) 내 사이트가 IETester를 사용하여 모양을 테스트하고 싶어, 그것은 엉망 IE8은 <object> 태그에서 잘로드되지 않습니까? 나는 세 개의 흰색 부분로드 세 개체 태그를 사용 : 헤더, 수직 메뉴 및 "사이트 로그를"(당신은 여기를 볼 수 있습니다 http://www.gfcf14greendream.com/header.html, http://www.gfcf14greendream.com/verticalmenu.html, http://www.gfcf14greendream.com/thesitelog.html를)

그 3 개 사이트를로드하려면, 나는 다음과 같은 코드를 사용 :

헤더에 대한이 하나의 메뉴에 대한 <object type="text/html" data="http://www.gfcf14greendream.com/header.html" width="100%" height=185></object>

이 하나 로그에 대한

<object type="text/html" data="http://www.gfcf14greendream.com/verticalmenu.html" height=484 width=100%></object> 그리고이 하나, <center><object type="text/html" data="http://www.gfcf14greendream.com/thesitelog.html" height=600 width="90%"></object></center>

누군가이 "혼란"에 관한 아이디어가 있다면 알려주십시오. 고맙습니다!!

Answer 1

이것은 진짜 대답 (그것은에서 가장 빠르고 부주의 대답, 그래서 너무 심각하게 고려하지 않음)

을하지만 난 그냥이 (가) W3C markup validator가 유용 할 수 있습니다 언급 거라고 생각하지 않습니다 당신은 이미 그것에 대해 모른다면 .. 당신의 페이지에서 잘못된 마크 업이나 오류를 발견하고 그것을 수정하는 방법에 대한 더 많은 정보를 줄 수 있습니다. 작문 당시, your front page alone has 10 errors and 3 warnings on it. 아마 이것은 올바른 방향으로 당신을 가리킬 수 있습니까?

귀하의 페이지를 빨리 다듬을 때 CSS 을 올바르게 사용하지 않는 것 같습니다.. 말하자면, 내가 당신을 볼 CSS를 사용하고 있지만 CSS가 발명 된 이유에 대한 귀하의 페이지에 요소 (<center> HTML 태그, 인라인 스타일링 및 그 같은 것들을 사용) 요소가 있습니다.

CSS zen garden을 아직 보지 않았다면 빨리 읽으십시오. 에 바로 설정해야합니다. 테이블과 정렬 태그 대신 CSS를 사용합니다.

(사람들은 때때로 선 가든 오른쪽에있는 링크를 클릭 즉시 얻을,하지만하지 않습니다. 같은 HTML 페이지의 콘텐츠가 완전히 하나의 HTML 파일과 별도의 CSS 시트를 사용하여 재 스타일된다)

좋음, 운!

편집 :

아, 나는 거의 (모든 경우에) HTML5 호환성 많이하지 않는 인터넷 익스플로러 8을 언급하는 것을 잊었다. HTML5로 웹 사이트와 웹 앱을 개발하고 싶다면 I.E 8 방문자에게 서비스하기가 어려울 것이며 콘텐츠를 개발하는 것보다 버그 수정에 더 많은 시간을 할애 할 수 있습니다.

일부 개발자는 이미 HTML5 및 CSS 3이 적용된 웹의 새로운 시대를 열어 전적으로 iE 8을 보이콧하고 있습니다.몇 가지 js 호환성 라이브러리가 있습니다 (예 : new <canvas> 요소의 경우 excanvas와 같이). 그러나 완벽하게 작동하지 않으며 결국 어딘가에 그려야합니다. (롤 캔버스 .. 그것을 얻을 ... 라인을 그립니다.?) 있음을 의미하며, 내가이 글을 발견했고,이 당신에게 유용 할 수 있습니다 :

turn-on-html5-in-ie8-or-lower

없음 모든 웹 사이트는 HTML5가 필요하고 새로운 기술을이다, 그러나 <canvas> 태그와 같은 것을 사용하려는 경우, Id는 (제 개인적인 견해로) IE 8을 잊어 버리고 그것을 활용하는 브라우저에 집중할 것을 제안합니다.

HTML을 검사하여 방문자가 어떤 브라우저 버전을 사용하는지 확인할 수 있습니다. 호환되지 않는 브라우저를 사용하고 있는지 확인해 볼 수 있습니다. 그렇다면 소프트웨어가 오래되었음을 알리고 대체품 (예 : 크롬 또는 파이어 폭스)을 제안 할 수 있습니다.

많은 자습서가 있습니다. 이 글에 대해서는 here's the first decent looking one I found in a quick Google search이 기사에서는이 기술을 별도의 CSS 시트에 사용하는 방법을 다루지 만, 내가 더 깊이 언급 한 문제에 대해 이야기하는 다른 사람들이있다. 기사를 읽은 후에 어쨌든 그것을 어떻게 수행하는지 알아낼 수있을 것이라고 확신한다. .

어느 쪽이든, 나는 당신이 당신의 겸손한 웹 사이트가 점점 더 쓸모없는 브라우저에서 작동하지 않는 이유를 이해하기 위해 미리 읽기를 조금했습니다.

앞으로 다시 한 번 행운을 빈다. 당신이 사용하고있는 색상이 눈에 매우 친절하지 않습니다 -

나는 당신이 사용자의 관점에서 디자인에 대해 생각하는 미래에 제안하여 시작하는 것 사이트를 보았다 갖는

Answer 2

편집이 너무 심했다 녹색에 대한 빨간색 텍스트는 빨강/녹색 색맹 인 사람에게 특히 골칫거리입니다. 또한 콘텐츠가 어떻게 표시되는지 고려해야합니다.

끝 편집 :

그러나 IE 문제와 관련하여.

먼저 모든 작업을 시작하기 전에 당신이 달성하기를 희망하는 것을 확고히하고 시작하기 전에 좋은 기초를 세우는 것입니다. 브라우저 단점과 관련하여 경기장을 평준화하고이를 달성하기위한 HTML은 재설정 CSS 파일을 사용합니다.

이렇게하면 모든 브라우저 (가능한 한 가깝게)가 여백, 줄 간격, 줄 높이 등과 같이 거의 같은 방식으로 작동하고 이런 종류의 문제가 발생하지 않도록 할 수 있습니다. 합의를 이루기 위해

아래 링크에서 자세한 정보가 있습니다.

http://meyerweb.com/eric/tools/css/reset/

둘째로 당신의 HTML 버전 - 당신의 선언 HTML5하지만 다음 HTML4 값을 사용하여 속성 - 기본적으로 사이트를 (위의 지적) 유효한 마크 업하지 않습니다.