css 코딩하다보면 항상 비표준 IE 가 문제죠. 크롬이랑 FF 에서는 표준코딩만 하면 모든게 완벽하게 적용되는데, IE 에서는 padding 도 안먹고, position: absolute 도 안되고...

IE hack 찾아다 적용해줘야 하고... 참 IE 때문에 엄청난 시간이 소비됩니다.

HTML5, 물론 한번씩은 들어보셨겠지만, HTML5 의 DOC TYPE 은 알고 계신가요?

구글

<!DOCTYPE HTML>
<html>

CNN

<!DOCTYPE HTML>
<html lang="en-US">

야후

<!DOCTYPE html>
<html lang="en-US" class="y-fp-bg y-fp-pg-grad ua-wk ua-win ua-wk536  bkt701" style="">

네, HTML5 DOC TYPE 은, 바로 <!DOCTYPE HTML> 이게 전부 입니다. 정말 입니다. 상식적으로 HTML5 면 IE 에서는 아예 적용이 안될 것 같은데, DOC TYPE 은 예외입니다.

이 DOC TYPE 이 어떻게 IE 하위 버전에서 적용되는지 마소 관계자의 설명을 모두 전해드릴수는 없구요, 그냥 fluke, 그러니까 IE 설계시 의도한게 아니라, 어떻게 하다보니 적용이 되게된, 그런 상황입니다.

DOC TYPE 오늘 바꿔보세요. css 코딩이 매우 편해집니다. 꼼수 안쓰시고 정상적인 css 코딩을 하실 수 있습니다.