2009/05/18 15:49
작업을 하다 보면, 특정 브라우저에서 css 파일의 속성들이 적용이 안 될 경우가 있습니다.
1. 가장 기본적으로, html 페이지에서 css 파일 경로 설정을 의심 할 수 있습니다.
<link rel="stylesheet" style="text/css" href="/css/style.css">
2. 경로상의 문제가 없다면, html 파일과 css 파일의 인코딩 문제를 생각 할 수 있습니다.
보통 html 페이지에서 charset 을 지정을 하게 됩니다.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
이렇게 chareset을 utf-8로 지정 할 경우, css 파일도 인코딩을 utf-8 로 설정을 해 주셔야 합니다.
css 파일 최상단에 적어주시면 됩니다.
@charset "utf-8";
서로 파일 인코딩이 다를 경우 css 파일 내에서 한글을 사용했을 경우, 한글을 제대로 표현해주지 못하고
특수문자 처리가 됩니다. 이런 현상이 발생하게 되면 css 스타일 정의 할 때 사용하는
.class{} 에서 열고 닫는 태그에 영향을 주어 이 문자도 특수문자 처리가 되어, 오류가 발생하게 됩니다.
그래서, 각각 지정해준 style이 적용이 안될 수 있습니다.
그리고!! 파일 내에서만 지정 해 준다고 해결 되는건 아닙니다.
파일 자체 인코딩 방식도 바꿔 주셔야 합니다.
에디터 툴을 보시게 되면, 각 파일의 속성을 볼 수 있습니다.
드림위버에서는 ctrl+j 를 눌러보면, Page Properties 창이 열리게 되는데 Title/Encoding 탭의 내용 중 Encoding의 속성을 변경 할 수 있습니다.
에디트 플러스에서도 파일탭의 인코딩 형태를 변경 할 수 있습니다.
이렇게 html 파일과 css 파일의 인코딩을 동일 시켜주게 된다면 문제가 해결 됩니다 :)
[웹표준 공부하기 추천 책]
