수다닷컴

아이공.....

그 ie6에서 잘려보인다던 부분은 제가 이미지에 margin-top을 줘서 그랬네요 ㅠㅠ
아 이런 바보같은 실수를....

해결 방법은 font-size:0; 이였습니다!!!!!!!!

댓글 달아주신 분들 너무 감사해요~~~

margin과 padding은 이미 맨처음 초기화가 되어있는 상태에요~~
* {margin:0;padding:0;} 요렇게 해주었죠...

바람철이님의 1번 방법으로 다시 한번 지정을 해줘보았는데 안되네요~~

h2 의 기본글자 크기만큼 영역이 잡혀서 나오는것 같아서
제 생각으로는 font-size:0; 이 맞는것 같은데...
왜 ie6 에서 살짝 잘려보이는건지 ㅠㅠㅠㅠ

한페이지 안에 저런 h2img //h2 형태의 마크업이 여러개거든요...
근

철이님이 말씀하신것처럼 margin:0; padding:0; 을 하시는게 옳은것 같습니다.

전체적인 마진과 패딩은 브라우저마다 조금 다르게 먹히고 있습니다.

그래서 html을 작성할때 맨처음 초기화를 해주는거지요.

font-size:0;

이미지 크기를 몰라서 블럭 height 값은 안줬습니다...
no-repeat 이기에 이미지 height 값보다 크게 지정한 후
위치를 조절하시면 될것 같네요.

방법 1 - h2의 margin, padding 값을 0으로하여 사용.
h2 {margin:0; padding:0;}

h2img src=\image/common/title_deliverReturnExg.gif\ alt=\배송/반품/교환 안내\ //h2

방법 2 - 이미지는 background로 처리 하고 블럭/인라인 요소를 사용하여 \배송/반품/교환 안내\ 삽입
(p 또는 span을 사용하여 내용을 삽입하고 display:none; 으로 시각효과 적