[web] CSS 픽셀값 (길이 단위) 줄 때 주의할 점 ★

 

width, height, padding, margin 등 길이와 관련된 숫자를 적으면서 px 등 단위를 붙이지 않으면,

브라우저의 모드 (표준 vs 쿼크)에 따라 화면이 달라지는 현상이 생깁니다.

 

반드시, 숫자마다 단위를 꼭 붙여주도록 합니다. 단, 숫자 0엔 단위를 안 붙여도 됩니다.

 

(예) margin:20px 0 5 5px;  - 쿼크 모드에서만 제대로 출력.표준 모드일 땐 일그러짐.

      margin:20px 0 5px 5px;  - 쿼크 모드일 때나 표준 모드 일 때 화면 동일 

 

그외도, html 및 css 버전 또, 자바스크립트 버전 등 다양한 요인으로 인해 화면이 다르게 보일 수 있으니 각별히 주의하셔야 함.