퍼블리셔로 직업을 바꾼지 약 6개월, 취미가 직업이 되어 정식으로 퍼블리싱 공부를 한 적은 없기 때문에 농담삼아 내 코드에는 근본이 없다고 하는데(웃자고 하는 얘기지, 근본을 찾고자 노력 많이 했어요) 주 브라우저가 크롬이다보니 크롬 개발자 도구 활용을 많이 하는 편인다. 어쨋든 회사는 주 고객층이 역시나 IE를 쓰기 때문에 크롬을 보면서 만들고, 이후 IE 버전별로 테스트하고 넘기는 편인데 일단 초기작업을 크롬에서 보다보니까 letter-spacing:0px(pt or em 이하 생략)과 letter-spacing:-1px 사이의 값들, 그니까 예를 들면 letter-spacing:-0.5px 는 크게 의미가 없는 숫자라고 생각했었다. 근데 이번주 일 중 디자인의 글자들이 -0.5로 맞춰야되게 넘어왔고..
명확한 원인을 밝힌 후 쓰는건 아니고 업무 중 발생했던 일에 대해서 기록합니다. 상황. 전체를 싸잡아 링크를 걸어야해서 div대신 span을 쓰고 display:block을 잡은 상태에서 margin: 0 0 7px를 주었습니다. .btn span {display:block;margin:0 0 7px} 별 탈 없이 코딩하였고 작업할 때 보는 크롬에서 문제 없었기 때문에 IE에서 테스트 하는 데 문제가 발생했습니다. IE 7, 8에서 무리 없이 보여지는데 예상외로 IE 9, 10에서 더 아래로 넓게 퍼지더군요. 여태까지 IE 7, 8에서 문제가 생긴적은 있지만 크롬과 IE 7, 8에서 문제 없고 IE 9, 10에서만 문제가 발생한 것은 이번이 처음이었습니다. IE 9, 10에 맞추자니 크롬, IE 7,8에..