IE width값 인식

  조금씩 작업을 진척해가는 테터툴즈 스킨만들기를 오늘 수업이 끝난 후 저녁시간을 이용해 재개 해 봤습니다. IE에서도 잘 표시되게 하고싶고, 비 IE계열 브라우저에서도 잘 보이게 하고 싶은데, 쉽지가 않네요. 오늘 작업에 가장 큰 걸림돌이 되었던 것은 IE의 width속성 값의 문제였습니다.

  파이어폭스 같은 비 IE브라우저에선 DIV의 width속성값이 padding값을 제외한 값이고 IE에서 width 값은 padding값이 포함되기 때문에 계산해서 적용해야 하는데, 아무리 생각해도 비 IE브라우저인 파이어폭스나 그 외 브라우저에서 인식하고 쓰이는 값이 정상적인것 같은데, 그것 때문에 좀 골치가 아펐습니다.

IE width값 인식_ 1
  레이아웃을 잡는 부분에서 최대한 테이블을 배제하기 위해서 DIV로 뜯어고치다 보니 생각치도 못한곳에서 발목을 잡아 애좀 먹었습니다. IE 7버전에선 CSS인식 관련 부분이나 여러가지 버그하고 오류를 수정했다고 하니 이 부분도 조정이 되지 않을까 생각됩니다.

  괜한 부분에서 시간을 깨먹어서 작업은 별로 진척되지 못했습니다…ㅜㅜ

참고 : IE 에서의 padding 값 인식 에러