2010-03-22 2 views
0

<thead>, <tfoot><tbody> 테이블이 있습니다. 이론적으로 각 페이지에 thead와 tfoot를 인쇄하기로되어 있습니다. 그러나 어떤 이유로 Thead는 특정 요소를 함께 포함하고 있지 않습니다.Firefox의 각 페이지에 인쇄하지 못하게하는 제한 사항이 있습니까?

이 작동 :

<thead> 
    <tr> 
     <td colspan="3">This works</td> 
    <tr> 
    <tr> 
     <th colspan="2">column 1</th> 
    <th> 
     column 2 
     </th> 
</tr> 
</thead> 

이 작동하지 않습니다

[편집]

<table> 
    <thead> 
     <tr> 
      <td colspan="3"> 
       <h2>Header</h2> 
        <address> 
         <strong>address 1</strong> <br /> 
         address 2 <br /> 
         address 3 <br /> 
        </address> 
       <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b7/Wikipedia-logo.svg/600px-Wikipedia-logo.svg.png" alt="Logo" /> 
       <h2>Another header</h2> 
       <hr /> 
      </td> 
     </tr> 
     <tr> 
      <th colspan="2">column 1</th> 
     <th> 
      column 2 
      </th> 
    </tr> 
    </thead> 
    <tfoot> 
     <tr> 
      <td>This is the footer</td> 
      <td>Column 2</td> 
      <td>Column 3</td> 
     </tr> 
    </tfoot> 
    <tbody> 
     <?php for ($i = 0; $i < 100; $i ++): ?> 
     <tr> 
      <td>Col 1</td> 
      <td>Col 2</td> 
      <td>Col 3</td> 
     </tr> 
     <?php endfor; ?> 
    </tbody> 
</table> 

[/ 편집]

가 인쇄 :

[page 1] 
    [header] 
    [body] 
    [footer] 

[page 2,3,4,5] 
    [body] 
    [footer] 

이유가 있을까요? 인쇄 CSS에서

+0

게시가 작동하지 않는 방법의 예를 수 있습니까? 무슨 일 이니? –

+0

브라우저 (파이어 폭스조차도)가 테이블에 관한 HTML 규칙을 모두 올바르게 구현하지 않을까 걱정됩니다. 경우 것으로 보인다 –

+0

... – SeanJA

답변

5

이 추가

thead{ 
    display:table-header-group;/*repeat table headers on each page*/ 
} 
tbody{ 
    display:table-row-group; 
} 
tfoot{ 
    display:table-footer-group;/*repeat table footers on each page*/ 
} 

가 최신 HTML을 복용하고 그것으로 재생 한 후 사용자의 요구

에 맞게 업데이트

을 조정, 내가 발견 한 그이 각 페이지에서 반복되는 콘텐츠의 높이 제한입니다. 나는 (같이)에 THEAD (변경으로)와 TFOOT를 반복하면 난 단지 251px에 높이를 사용할 수 있습니다 ...

<tr><td><div style="min-height:251px;">Hello World</div></td></tr> 

을 :

나는 포함하도록 THEAD을 변경했습니다. 더 높은 높이로 가려고하면 THEAD 섹션이 반복되지 않습니다.

이 기능 또는 버그인지 여부에 대한 "토론"을 저장 하겠지만 ... 250px보다 큰 반복 헤더가 있으면 어쨌든 일부 축소로 인해 이익을 얻을 수 있다고 생각합니다. ;-) THEAD 높이에 대한 제한이 문제가

+0

나는 THEAD와 TFOOT의 스타일을 가지고, 그들은 IE 7에서 잘 작동하지만, 파이어 폭스는 여전히 문제가된다. – SeanJA

+0

HTML을 올바르게 정의 했습니까? 예 : [표]의 THEAD/[TFOOT/[TBODY/[/ 표 (본체 전의 순서의 예 발이) – scunliffe

+0

는 [표] [THEAD는 [TFOOT] TBODY은 [/ 표] 긍정 이는 왜 이것은 당황 스럽다. – SeanJA

관련 문제