한날닷컴 디자인 일지

음. 한날 기본 스킨 제작 중. jeolee 님의 이미지 몇 개와 색상 참조, 그리고 CSS 몇 개 가져오며 만들고 있다.

예전에는 table 잡일로 화면을 구성했는데, CSS 의 간결함에 뒤늦게 눈을 떠서 이제사 디자인적인 것은 상당 부분 CSS 로 넘겨서 하고 있다. 좋다.

다만 문제는 호환성. 모질라와 IE 의 padding 처리가 미묘하게 다르다. 예를 들어 포스트의 본문이 나오는 영역의 2픽셀 두께의 외곽선의 경우, IE 에서는 흰색 영역 안에 들어오지만 모질라는 삐져나간다.

왜 그런가 했더니 IE 는 현재 크기를 기준으로 안쪽으로 값을 처리한다. 만일 박스의 width 값이 516px 이고 padding 값을 10px 로 하면 실제 박스 안쪽에 텍스트 등이 차지하는 공간은 496px 인 셈이다. 즉 박스 크기는 여전히 516px 이다.

그러나 모질라는 현재 크기에 안쪽의 공각 값을 더한다. 만일 박스의 width 값이 516px 이고 padding 값을 10px 로 할 경우 516 공간은 보장(보존)된 채 padding 값이 더해진다. 그래서 박스의 크기는 536px 이 된다.

난감. 브라우저 체크해서 값을 처리 해줘야하나? CSS 에 대해 깊이 모르니 꽤 답답하구만. jeolee 님께 도움을 요청해볼까. 흠.

p.s : 아직 오픈하지도 않은 블로그인데 뭐 이리 많은 방문자가 오나 했더니 태터툴즈용 트랙백 스크립트 공개 때문에 그런 거였군. 오매 부담시라~