2010-07-29 4 views
2

이 문제는 철학적 문제로 이어질 수 있으므로이 주제에 대한 토론을 시작하지는 않습니다. 하지만 난 찾고 있어요 (또는 그들 중 몇) 가장 좋은 방법은 내가 this article on forabeautifulweb.com 알고 있어요 6.IE6에서 CSS 문제를 해결하는 가장 좋은 방법은 무엇입니까? - 자바 스크립트?

Internet Explorer에서 CSS 스타일의 가장 문제를 해결하고, 그것의 추천은 IE6 사용자을 공급하는 유니버설 플레인 IE6 스타일 시트는 브라우저 기본 설정보다 더 좋은 기본 스타일을 가지고 있습니다. 내 응용 프로그램을 위해 이것은 최선이 아닙니다.

저는 Javascript를 통해 IE6의 CSS 지원을 "수정하는"개념을 알고 있습니다. 나는이 아이디어를 좋아합니다. 그러나 나는 무엇이 가장 좋은 것인지 알지 못합니다. 야생에 여러 가지가 떠 다니는 것을 알고 있습니다. This article by Eric Meyer mentions one,하지만 이것은 거의 2 년 전에 작성되었으므로 지금이 목적을 위해 사용하는 표준 스크립트가 있습니까?

누가 IE6의 CSS 처리 중 일부를 최신 브라우저처럼 작동하도록 업데이트 한 것으로 입증 된 하나 또는 두 개의 스크립트로 나를 가리킬 수 있습니까?


UPDATE : 문제를 해결하기 위해 JS를 사용하지 말라고 설득하려고 응답 모든 사람들에게 - 나는 내 귀 허밍를 연결하고 있습니다. :)

진지하게, 나는 이것을 위해 JS 사용 여부를 묻지 않는다. 우리는 이미 IE6를 지원할 필요가 없다고 결정했으며, IE6 용 스타일 시트를 "디버그"할 시간은별로 없습니다. 이 결정은 청중 및 IE6 사용을위한 사이트 통계를 기반으로합니다.

"사용자가 JS를 사용할 수없는 경우에는 어떻게해야합니까?" 그런 경우에 우리 사이트의 많은 내용은 어쨌든 올바르게 보이지 않을 것이므로 다소 음소거입니다.

저는 Gordon이 제안한 IE7.js를 이미 구현했습니다. IE6에서 약간의 단점이 있습니다.

입력 해 주셔서 감사합니다.

+2

사용자가 자바 스크립트를 사용할 수 있다는 보장이 없기 때문에 CSS 문제를 해결하기 위해 조금 주저하고 싶습니다. –

+4

이것은 매우 잘 작동합니다.'' –

답변

3

자바 스크립트와 함께 할하려는 경우가 this library를 사용할 수 있습니다

IE7.js은 마이크로 소프트 인터넷 익스플로러는 표준 호환 브라우저처럼 동작하게하는 자바 스크립트 라이브러리입니다. 그것은 많은 HTML 및 CSS 문제를 해결하고 IE5 및 IE6에서 투명한 PNG를 올바르게 작동합니다.

PIE는 가장 유용한 CSS3 장식 기능의 여러 가지 렌더링의 인터넷 익스플로러 6-8은 할 수 있습니다 :

브라우저에 CSS3 지원을 추가하는, 또한 CSS3Pie 있습니다.

또한 디자인 철학에 대해 Progressive Enhancement and Graceful Degradation을 살펴보십시오.

+1

와우. 나는 6 개의 대답 중에서 오직 하나만이 실제로 내가 말한 스크립트의 예제를 게시했다는 것에 놀랐다. 고맙습니다. –

2

ie6.css에서
<link rel="stylesheet" type="text/css" href="normal.css" /> 
<!--[if IE 6]> 
<link rel="stylesheet" type="text/css" href="ie6.css" /> 
<![endif]--> 

, 당신은 단지에 스타일을 꾸며 낼 규칙이 ... 그냥를 해결하기 위해 스타일 시트에 몇 가지 규칙을 추가, 문제를 해결하기 위해 자바 스크립트를 사용하지 마십시오

IE6에서 작동하지만 여전히 일반 스타일 시트를 사용하므로 IE6 및 일반 세계에서 사이트가 동일하게 보입니다.

-3

jQuery 및 해당 플러그인은 IE6 문제에 가장 적합합니다. 시도 해봐!

+1

jQuery는 CSS 문제에 어떻게 도움이됩니까? –

+0

질문에 자바 스크립트 수정 CSS 문제에 대한 참조가 있습니다. 이제 예를 들어 jqueryUI 대화 상자와 같이 IE6에서 jQuery 플러그인을 사용하면 CSS에 대한 올바른 사양을 계산할 필요가 없습니다. jQuery는 CSS 문제를 해결했습니다. tsk tsk tsk – scubacoder

+0

jQuery는 * 자신의 * 레이아웃 코드에서 CSS 문제를 어떻게 해결할 수 있습니까? –

0

일반적으로 자바 스크립트가 필요하지 않습니다. 일반 구식 CSS를 사용할 수 있습니다. 그것은 hasLayout의 좋은 지식을 가지고 있지만 도움이됩니다.

자주 문제가되는 요소 레이아웃을 제공하여 IE6 및 7의 문제를 해결할 수 있습니다. 이를 수행하려면 height 또는 width으로 고정 시키거나 독점적 인 zoom을 사용하십시오. IE 브라우저의 특정 버전을 대상으로의

내 선호하는 방법은 제가 (like so)에있어 IE의 버전을 알 수 있습니다 <body>의 직접적인 아이로서 <div>을 추가 조건부 주석을 사용하는 것입니다.그런 식으로, 내가 직접 IE6를 타겟팅 할 수 있습니다 :

.IE6 div.fubar { 
    zoom: 1; 
} 

기억해야 할 다른 것은 그것이 IE6/7/8/파이어 폭스/사파리/크롬/오페라, 그렇다면 몇 가지 돈에 걸쳐 픽셀 패리티를 달성하기 거의 불가능이다 거의 10 년이 된 브라우저에서 제대로 보이지는 않습니다. 항상 걱정할 필요는 없습니다.

Position is everything에는 IE 버그에 대한 유용한 팁이 있습니다.

0

자바 스크립트를 사용하지 않으면 자바 스크립트를 사용하지 마십시오. 사용자가 JS를 활성화했음을 보증하지 않으며 실제로는 필요하지 않습니다.

브라우저 (IE뿐만 아니라)와는 다른 해석의 많은 문제를 제거하려면 CSS 리셋 스타일 시트를 사용하십시오. 주위에는 많은 사람들이 떠 다니고 있습니다.

다른 브라우저 사이에 많은 문제를 제거하는 CSS 프레임 워크를 사용하면 표준 문제를 해결하는 데 도움이되는 많은 수업이 제공됩니다.

1 개의 사랑을 위해 YAML (http://www.yaml.de/en/home.html), 청사진 (http://www.blueprintcss.org/) 등이 있습니다. 저를 믿으세요. 일단 CSS 프레임 워크를 사용 하셨다면 결코 돌아 가지 않으실 것입니다.

1

개인적인 experiance에서 ie6는 몇 줄의 CSS와 firebug/developers 툴바로 검사 할 때 정당한 비트로 수정할 수 있습니다. 조건부 주석이 필요하지 않습니다.

내가 겪는 대부분의 문제는 패딩/여백을 기반으로하며 가장 좋은 방법은 처음 사용하는 것이 아닙니다.
나는 또한 overflow:hidden이 ie6 버그의 공평한 부분을 수정한다는 것을 발견했습니다.

developers toolbar으로 ie6을 열고 문제가있는 곳을 찾고 그 섹션을 코딩하는 더 좋은 방법을 생각해보십시오.

개인적으로 나에게 개인적으로, 나는 마지막 리조트로서 조건부 코멘트를 사용합니다.

+0

오, 여기는 항상 내가 사용하는 PNG FIX이다. ie6 =) http://blog.pauljamescampbell.co.uk/about-2/png-fix/ –

1

딘 에드워즈의 ie7.js 스크립트 (Gordon이 링크 됨)는 여전히이 분야의 최첨단 기술입니다.

최선의 방법은 무엇인가에 달려 있습니다. Dean Edwards의 스크립트는 많은 IE CSS 버그를 수정하고 IE 6에서 전혀 지원되지 않는 다중 클래스 선택기와 자식 선택기와 같은 선택기를 사용할 수있게합니다.

타겟 잠재 고객의 IE 6 사용자가 자바 스크립트를 사용하는 경향이있는 경우 딘스 (Dean 's)와 같은 라이브러리를 사용하면 많은 시간을 절약 할 수 있으며 선택기를 사용하여 코드를 정리할 수 있습니다. IE 6는 지원하지 않습니다.

그러나 딘의 라이브러리가 해결하지 못한 문제를 해결하려면 IE 6 스타일 시트가 필요합니다.

마이크로 소프트가 IE 5를 지원하지 않는다면 마이크로 소프트가 IE 6 지원을 중단 할 때까지 기다리는 것이 가장 좋은 해결책 일 수 있습니다. 마이크로 소프트가 지원하지 않는다면 사람들에게 기대하기가 쉽지 않기 때문일 수 있습니다. 우리는 현재 그 점수에 hoping for 2014입니다.

관련 문제