반말로 적어 죄송해요.
그림으로 설명이 될지 모르겠네요.
파이어폭스는 border:2px를 주면 위아래 테두리 값이 더해지고, 가로 크기는 익스플로러와 같게 지정됩니다.
참고로 익스플로러 6, 7의 기본 line-height는 16px이고 파이어폭스는 14px이에요.
공통 선택자에 익스플로러 6, 7용 핵을 써서 #line-height:14px를 추가하면 됩니다.
다만 em과 px 단위는 상속되지 않으니 줌 브라우징을 개선하려는 경우에는 사용하지 마세요.
브라우저별 테이블 height 계산 간단 팁
곰돌츼 2026.02.13 댓글 3
꽃님이 2026.02.13
브라우저별로 화면을 캡처해 비교해 봤는데 거의 1px 차이도 없더라고요. 오기가 생겨 직접 해보니 1px 차이가 꽤 크다는 걸 알았어요 ㅎㅎ 덕분에 CSS 속성과 단위도 많이 배웠습니다!
한빛 2026.02.13
고객이 별말 없으면 알고도 모르는 척 넘어가곤 해요 ㅎㅎ
조으다 2026.02.13
이것 때문에 정말 고생했는데 결국 눈속임으로 마무리했어요 ㅠㅠ