IE6에서 "line-height"버그 해결 안되는 케이스? 정보
IE6에서 "line-height"버그 해결 안되는 케이스?
본문
크로스 브라하다보면 IE6에서 "line-height"버그란걸 만나기 마련인데 이게 padding-top나 padding-bottom을 따로 넣는 방법이나 그 외의 편법을 사용해 맞춰주면 그런대로 잘 맞아 보여서 그리 심각하게 생각하지 않았는데 오늘 정말 골때리게 어떤 방법을 써도 ie6에서만 보면 텍스트가 2px정도 위로 붙어 버리네요?
하루 1시간 정도 만지며 표준화 작업을 하고 있는데 이걸로 벌써 40분 깨먹었습니다!
이게 불가능한 케이스가 존재할까요?
이미지+텍스트 형식입니다. 혹시 관련 정보 있으면 링크라도 부탁드립니다!
하루 1시간 정도 만지며 표준화 작업을 하고 있는데 이걸로 벌써 40분 깨먹었습니다!
이게 불가능한 케이스가 존재할까요?
이미지+텍스트 형식입니다. 혹시 관련 정보 있으면 링크라도 부탁드립니다!
댓글 전체
감싸고 있는div 태그에,,,font-size:0:;...을 강제로 함 줘보세요..
안해보서 모르지만,,밑져도 본전생각에서,,^^
안해보서 모르지만,,밑져도 본전생각에서,,^^
안되서 다시 삽질하러 다녔는데 여전히 또 삽질 모드로 일관해야 겠네요.
답변 감사드립니다.
답변 감사드립니다.
line-height 버그에 padding으로 주시나요? 위아래를 margin으로 고정하지 않으시나요?..
http://positioniseverything.net/explorer/lineheightbug.html 이쪽 페이지를 참고 해보시면 어떨까요.
http://positioniseverything.net/explorer/lineheightbug.html 이쪽 페이지를 참고 해보시면 어떨까요.
padding, margin, 이 두가지가 다 안먹네요. 이전에는 그냥 line-height버그 보이면 그때 그때 주변 값들 ie6핵처리 해서 개별적으로 조정하고 확인하면 거의 맞았는데 이번건 좀 많이 힘드네요. 좌측 메뉴를 통채로 빼버리고 다른 것을 만들어 쓸까 고심중입니다. 종속관계 확인해서 관련된 div는 모두 한번씩 건드려 봤는데 2px정도가 꿈쩍도 하지 않습니다.
아래 답변까지 모두 찾아서 해 보았는데 안되서 정 안되네요. 그냥 2픽셀 눈감아 버리고 다음 단계로 일단 넘어가야겠습니다. 답변 감사드려요!!!
즐거운 주말 되시구요!
아래 답변까지 모두 찾아서 해 보았는데 안되서 정 안되네요. 그냥 2픽셀 눈감아 버리고 다음 단계로 일단 넘어가야겠습니다. 답변 감사드려요!!!
즐거운 주말 되시구요!
어떤 태그로 텍스트를 감쌌느냐가 관건.
세로 30픽셀 안에 2패딩을 줬다면 32 픽셀이 되는 브라우저도 있습니다.
세로 30픽셀 안에 2패딩을 줬다면 32 픽셀이 되는 브라우저도 있습니다.
