LG 텔레콤 사이트를 보고서 정말 독창적인 디자인이라고 내심 감탄하며 만든사람 욕을 열심히 하고 있었는데 소스를 뒤져보니 css의 @charset "euc-kr";이 문제였다. @charset "utf-8";에서만 문제가 생기는 걸로 알고있었는데 euc-kr에서도 문제가 발생하나보다.
정확한 원인은 모르지만 저 코드를 사용할경우 safari에선 뒷부분의 css를 무시해버리는 문제(내 추측;;)가 발생한다.
결론: megacorp의 황모님! LG텔레콤 css에서 저 코드 지워주세요 =ㅅ=
No.1 / 2007.07.12, 1:26 pm
w3c css validator 를 돌려보니 아래와 같은 오류 메세지가 나오더군요.
This profile has a very specific syntax for @charset: @charset followed by exactly one space, followed by the name of the encoding in quotes, followed immediately by a semicolon.@charset “euc-kr”;
대략 설명은 @charset 다음에 공백을 하나만 넣어야 한다는(맞나?? ㅡㅡ;;)
LG텔레콤 사이트 처럼 @charset 다음에 공백을 많이 띄웠을 경우 사파리에서 css를 못읽어오는 듯 합니다.
덕분에 좋은 정보 알았네요. 고맙습니다 ^^
No.2 / 2007.07.23, 1:22 pm
푸땡// 코멘트가 스팸으로 분류되어 있었네요; 죄송합니다.
방금 이것저것 테스트를 해보니 스페이스가 한개이상 있을때 문제가 되기도 하는군요.
근데 전혀 문제없이 렌더링되는 경우도 있어서 좀 복잡해보이네요. 뭐가 문젠지;
해답은 안드로메다 너머에.
