“IE 에서 보여지기엔 아깝다.”

Thursday, June 30, 2005

Too cool for IE 켐페인을 paulasaurus rex 에서 시작했습니다. (via Stephan Geyer)

오른쪽 하단에 위치하게될 이 베너는 too cool for IE, 즉 ‘내 홈페이지는 IE에서 보여지기엔 아깝다’ 라는 뜻을나타내면서 IE를 놀리고 있네요. ㅎㅎ 특히나 IE 에 맞추어 만들기 싫은 디자이너가 인터넷 익스플로러에서 깨져 보이던 말던 알아서 하라고 하는 배짱을 나타내기도 합니다. 크흐,,, 저도 달고 싶은 유혹은 상당합니다. ^^ 베너도 이뻐서 말이죠.

Too cool for IE

소스 코드를 잠깐 보면, 코멘트 핵을 썼습니다. 이부분이 css 파일이 아닌 xhtml 안에 들어가는 소스인데 그저 코멘트로 보이는 저 부분이 바로 핵 부분입니다.

<!–[if IE]> 부분이 바로 코멘트핵 의 시작입니다. 그리고 마지막은 <![endif]–> 로 끝내주게 됩니다. 이 사이에 들어간 부분은 다른 브라우저에서는 코멘트로 인식이 되며 IE 에서만 인식이 되게 됩니다. 네. IE 에서만 보여주고 싶은 xhtml 코드가 있다면 이것을 잘 사용하시면 되겠죠 ^^ 물론 버전에 따라서도 지정해 줄수 있습니다. 이 코멘트 핵 부분은 다음 포스팅에 자세히 올려보겠습니다.

과연 png 알파랑은 멀리 떨어져 사는 ie 에 투명부분을 어찌 보이려 하는것인지는 모르겠지만, 아무튼 IE에 화딱지가 나신 분들은 지르셔도 될듯합니다. ^^ 전체 코드는 위의 paulasaurus rex 댁에 가보시면 나와있습니다. ZIP 파일로도 제공하는군요.

  1. ceprix

    ceprix

    Jul/01/05 @ 1:08 am

    재미있는 아이디어네요. 그런데 일몰님 말씀대로 로고 이미지에 쓰인 PNG 알파 채널은 IE에서 제대로 보이지 않을 뿐더러 사용된 CSS도 IE에선 오른쪽 하단에 위치하는 게 아니라 이상한 데 위치에 있네요. 정말 IE에서 테스트해본 게 맞는지..

    그리고 IE 핵 알려주신 거 고맙습니다. 예전부터 알고 있기는 했는데 한참동안 잊어버리고 지냈었군요. 제 블로그에서 동영상 들어가는 글에서 유용하게 쓰일 것 같습니다. 현재는 CSS를 사용해서 IE에서 아예 안 뜨게 해 놓았기 때문에..

  2. 하루에

    하루에

    Jul/01/05 @ 2:10 am

    로고 증말 이쁜데요. 흠.

  3. 일모리

    일모리

    Jul/01/05 @ 4:27 am

    ceprix// 네,, 그냥 IE는 막 먹어라 이런 뜻 같습니다. ㅡㅡ;;;

    핵은 gte gt 등의 글자를 if 와 IE 사이에 넣어서 결정할수 있습니다.
    gte = greater than or equal to 즉 gte IE 5 면 5와 같거나 더 큰 이겠네요
    gt = greater than

    하루에// ㅎㅎㅎ 약간 소스를 고치고 Gif 로 만들어서 IE 에서 잘보이게 해보세요 ㅎㅎ

  4. A2

    A2

    Jul/01/05 @ 10:43 pm

    갈수록 미움받는 IE 이군요.

  5. 윈도우Pe™의 행복한 세상 &raquo; Too Cool for Internet Explorer

    [...] 그에 추천합니다.
    http://blog.paularms.com/article/too-cool-for-internet-explorer http://ilmol.com/wp/2005/06/30/75/ 재밌는 자료가 있습니다. 일명 IE 약올리기(?) ‘too cool for IE’ 즉, IE에서보긴 아 [...]

  6. 한님은 잡학편식(雜學偏識); 뒷북 전문 마이너 지향...

    IE에겐 아까운 블로그

    IE 에서 보여지기엔 아깝다. – 일모리님

    며칠 전부터 익스플로러로 이곳을 방문하신 분들에게는 제일 하단에 ‘나쁜 어린이에게만 보이는’ 문구를 발견하셨을 겁니다. 그건 시험 삼아서 해…

  • html 코드삽입시 [code lang="xml"] 과 [/code] 를 앞뒤에 붙여주시고
    css 코드삽입시 [code lang="css"] 와 [/code] 를 앞뒤에 붙여주세요