개발 Q&A

제목 크롬에서 이미지 인쇄시 여백 삽입 문제
글쓴이 토끼와거북 작성시각 2014/04/08 23:54:34
댓글 : 5 추천 : 0 스크랩 : 0 조회수 : 16541   RSS
 
위에서 보시는 것처럼 크롬에서 인쇄를 해 보면 이미지가 들어간 부분에서는 여백이 들어가는 경우가 있습니다.
여백은 인쇄여백을 계산해서 크롬이 강제적으로 삽입하는 듯 합니다. 
이미지가 테이블 태그 안에 삽입된 형태인 경우에만 발생하는 문제입니다. 
일단은 급한대로 이미지는 테이블 안에 넣지 않도록 해서 해결했습니다만 임시방편이라 더 좋은 방법이 있으면 알려 주시면 감사하겠습니다.

 다음글 ms-sql 2000 관련 질문입니다 ^^.. (3)
 이전글 검색 게시판을 작성시.. 문제가 생겼습니다... (4)

댓글

변종원(웅파) / 2014/04/09 10:08:08 / 추천 0
이건 상당히 오래된 건데요? 
테이블안에 이미지 태그 있을때 여백..
왠만한 곳에 img border=0 에 해당하는 css 가 들어있을 겁니다.
토끼와거북 / 2014/04/09 18:09:13 / 추천 0
 img 태그 안에 border=0가 없는 경우에도 문제가 발생합니다. 
테이블 태그 자체가 문제의 원인으로 보여지는데요. 
테이블 태그 내에 이미지가 아닌 문자만 있는 경우에도 페이지에 따라서는 간혹 1줄 정도 여백이 삽입되곤 합니다. 
변종원(웅파) / 2014/04/09 18:29:53 / 추천 0
css를 모두 제거하고 순수하게 table tag와 img tag로만 작업해서 크롬에서 보시면 답이 나올거 같네요.
토끼와거북 / 2014/04/17 00:41:44 / 추천 0
테이블을 사용하지 않고 div 로 모두 교체해서 해결했습니다. 
이제는 테이블이 거의 필요없는 시대로 바뀌는 듯 합니다. 
수야디벨 / 2014/04/17 10:15:58 / 추천 0
테이블은 웹 표준에서 이미 벗어나지 않았나요?