구글크롬에서 <!--[if !IE 6]> 이거 안먹히는 문제 해결법 아시는분! 정보
구글크롬에서 <!--[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인지 검사하여 스타일시트를 삽입하게하는 스크립트도 괜찮습니다..
(인터넷에 떠도는 스크립트는 왠지모르겟는데 대부분안돼더라구요...)
정보공유좀 부탁드립니다!!^^;;
댓글 전체
<!--[if lte IE 6]>
<link rel='stylesheet' href='ie6_structure.css' type=text/css>
<![endif]-->
<link rel='stylesheet' href='structure.css' type=text/css>
이렇게 하면 되지 않을까요?
ie6 경우만 저 스타일 시트 사용 하고 나머지는 아예 옵션을 없애면 될까 하는 생각을 해봅니다 ;;
<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연산해서 ...; 합쳐서 적용시켜버립니다... ㅠㅠ
적어주신건.. structure css를 불러온다음에 ie6_structure css를 불러와서 덮어씌우자는 의도이신거같은데 (그경우 ie 6이 아래에 오는게맞지만 ㅎ)
그렇게해도 익스6은 2가지를결국 다불러오는셈이기때문에..
양쪽것을 OR연산해서 ...; 합쳐서 적용시켜버립니다... ㅠㅠ
ie 6는 중복 되는군요 -ㅠ;;
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
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 용으로 분리된 CSS는 기본 스타일 시트에서 IE6를 위해 속성을 더 첨가하는 방식으로
이루어지면 될텐데요.
즉 기본 스타일 시트에 'IE 6이 아닐 때'와 같은 조건을 일부러 붙혀줄 필요가 없다는겁니다.
저기 제대로 읽어보시면 아시겠지만....ㅠ
ie6을위해 속성을 첨가하는방식은 있지만
ie6이 아닐경우 속성을 제거하는 방식은 없는것으로 알고있습니다. 제가 모르는건지..
저기 예) 에 적어놓은 상황이 바로그것이죠......
css 소스가 너무 많아서 일일히 초기화를 시켜주기가 번거로워서 그냥 따로 불러오려고 한것인데...
방법이 딱히 없다면.. 어쩔수없이 라인비교해서 다 노가다 수정해야겟네요...
ie6을위해 속성을 첨가하는방식은 있지만
ie6이 아닐경우 속성을 제거하는 방식은 없는것으로 알고있습니다. 제가 모르는건지..
저기 예) 에 적어놓은 상황이 바로그것이죠......
css 소스가 너무 많아서 일일히 초기화를 시켜주기가 번거로워서 그냥 따로 불러오려고 한것인데...
방법이 딱히 없다면.. 어쩔수없이 라인비교해서 다 노가다 수정해야겟네요...