html&css 인쇄 설정/javascript print

with asp

A4 기준 페이지별 인쇄 테스트 (CSS/HTML)

CSS SET :

body, .wrap {
	margin : 0;
	width:100%;
	font-family:"돋움", "Dotum", sans-serif; 
	font-size:10pt;
	_width:650px; /* IE6 */
	_font-size:9pt !important; /* IE6 */
}

@ page a4sheet { size:22.0cm 29.7cm }/* size:21.0cm 29.7cm */
.a4 { page:a4sheet; page-break-after: always; padding-top:110px; }

table { border-collapse: collapse; }
.tb1 { border:solid 1px #0033ff; }
.tb1 td { border:solid 1px #0033ff; color:#0033ff; }
.tb2 { border:solid 1px #ff0000; }
.tb2 td { border:solid 1px #ff0000; color:#ff0000; }

JS SET :

function WinPrint() {
	window.print();
}
window.onload = WinPrint();

HTML SET :

<% 
   '반복 테스트
   For t = 0 to 10
%>
   

      

         

            

               

                  

                     
권
                     
호
                     

                        
거 래 명 세 표
                        (보관용)
                     
                  
               
               

                  

                     
테스트 내용1
                     
테스트 내용2
                  
               
            
         
      
      
■ Memo : 
   
<% Next %>

전체를 감싸는 div에 a4클래스를 주면 페이지별로 class=a4인 div가 하나씩 출력될거임.
※ 페이지별로 상하 가운데 정렬법은 아직 몰라서 padding으로 임의로 띄어준 부분..