구글크롬에서 <!--[if !IE 6]> 이거 안먹히는 문제 해결법 아시는분!
아 이눔의 크로스브라우징때문에..
익스6 용으로 css 파일을 아예 따로 만들고 있는데요.
<!--[if lte IE 6]>
<link rel='stylesheet' href='ie6_structure.css' type=text/css>
<![endif]-->
<!--[if !IE 6]>
<link rel='stylesheet' href='structure.css' type=text/css>
<![endif]-->
이렇게 불러오려고했더니 익스플로러 끼린 잘구분이 되는거같은데
크롬으로 테스트하면 안먹히네요.. structure.css 를 못불러와요.
(오페라 파폭 등등은 된다고 하더군요)
저걸 아예안쓰고 브라우져 구분 자바스크립트들을 쓰려고 찾아봐도
제대로 되는게없고...
별수없이_position:relative; 이런식으로 익스6만 적용되도록 수정하려고했으나,,,
중복적용되는 값들을 모두다 초기화시켜줄 엄두가안나더군요 -_-
예) 익스8에서 absolute로 포지셔닝해서 left:10px을 줬는데
익스6에선 absolute가 버그가 좀 있기떄문에... relative로 해야했습니다. 따라서 margin-left로 값을 대신했는데 _left:0px 이렇게 초기화를 일일히 안해주면 중복적용되는 문제...
무튼... 그래서
<!--[if !IE 6]> 요것이 크롬빼고는 잘되는거같으니까
크롬일경우 일때만 css 를 불러오게하는 스크립트나 기술을 아시는분 계신가요...
또는 if문으로 익스6인지 검사하여 스타일시트를 삽입하게하는 스크립트도 괜찮습니다..
(인터넷에 떠도는 스크립트는 왠지모르겟는데 대부분안돼더라구요...)
정보공유좀 부탁드립니다!!^^;;
익스6 용으로 css 파일을 아예 따로 만들고 있는데요.
<!--[if lte IE 6]>
<link rel='stylesheet' href='ie6_structure.css' type=text/css>
<![endif]-->
<!--[if !IE 6]>
<link rel='stylesheet' href='structure.css' type=text/css>
<![endif]-->
이렇게 불러오려고했더니 익스플로러 끼린 잘구분이 되는거같은데
크롬으로 테스트하면 안먹히네요.. structure.css 를 못불러와요.
(오페라 파폭 등등은 된다고 하더군요)
저걸 아예안쓰고 브라우져 구분 자바스크립트들을 쓰려고 찾아봐도
제대로 되는게없고...
별수없이_position:relative; 이런식으로 익스6만 적용되도록 수정하려고했으나,,,
중복적용되는 값들을 모두다 초기화시켜줄 엄두가안나더군요 -_-
예) 익스8에서 absolute로 포지셔닝해서 left:10px을 줬는데
익스6에선 absolute가 버그가 좀 있기떄문에... relative로 해야했습니다. 따라서 margin-left로 값을 대신했는데 _left:0px 이렇게 초기화를 일일히 안해주면 중복적용되는 문제...
무튼... 그래서
<!--[if !IE 6]> 요것이 크롬빼고는 잘되는거같으니까
크롬일경우 일때만 css 를 불러오게하는 스크립트나 기술을 아시는분 계신가요...
또는 if문으로 익스6인지 검사하여 스타일시트를 삽입하게하는 스크립트도 괜찮습니다..
(인터넷에 떠도는 스크립트는 왠지모르겟는데 대부분안돼더라구요...)
정보공유좀 부탁드립니다!!^^;;
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 6개
<link rel='stylesheet' href='ie6_structure.css' type=text/css>
<![endif]-->
<link rel='stylesheet' href='structure.css' type=text/css>
이렇게 하면 되지 않을까요?
ie6 경우만 저 스타일 시트 사용 하고 나머지는 아예 옵션을 없애면 될까 하는 생각을 해봅니다 ;;
적어주신건.. structure css를 불러온다음에 ie6_structure css를 불러와서 덮어씌우자는 의도이신거같은데 (그경우 ie 6이 아래에 오는게맞지만 ㅎ)
그렇게해도 익스6은 2가지를결국 다불러오는셈이기때문에..
양쪽것을 OR연산해서 ...; 합쳐서 적용시켜버립니다... ㅠㅠ
http://sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=167907&sca=&sfl=wr_name%2C1&stx=%BD%C3%C7%CF&sop=and
전에 시하님이 질문 올리신게 있는데
응용해서 문제가 해결 되길 바랍니다.
위 질문은 ie block 이지만 응용 하시면 잘 되실듯 싶기도 하네요 -0-a
자바스크립트는 잘몰라서 ㅠㅠ
IE6 용으로 분리된 CSS는 기본 스타일 시트에서 IE6를 위해 속성을 더 첨가하는 방식으로
이루어지면 될텐데요.
즉 기본 스타일 시트에 'IE 6이 아닐 때'와 같은 조건을 일부러 붙혀줄 필요가 없다는겁니다.
ie6을위해 속성을 첨가하는방식은 있지만
ie6이 아닐경우 속성을 제거하는 방식은 없는것으로 알고있습니다. 제가 모르는건지..
저기 예) 에 적어놓은 상황이 바로그것이죠......
css 소스가 너무 많아서 일일히 초기화를 시켜주기가 번거로워서 그냥 따로 불러오려고 한것인데...
방법이 딱히 없다면.. 어쩔수없이 라인비교해서 다 노가다 수정해야겟네요...