Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos!!
Já efetuei uma busca sobre a impressão de cabeçalho e rodapé em impressões de páginas web, onde encontrei o uso de <thead>, <tfood> e <tbody>.
Verifiquei a sintaxe na w3c.
Porém estou encontrando problemas... porque acontece do rodapé pular para a outra folha.
Gostaria de saber o que estou fazendo errado.
Segue código usado:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Meus Site</title><link href="../estilos/impressos.css" rel="stylesheet" type="text/css" media="all" /><!--[if IE 5]><style type="text/css">body { overflow: hidden;}table { height: 100%; overflow: auto;}</style><![endif]--><!--[if gte IE 6]><style type="text/css">html { overflow: hidden;}body { height: 100%; overflow-y: auto;}</style><![endif]--></head><body><table width="100%" border="0" cellpadding="2" align="center"> <thead> <div id="topo"> <img src="../images/logo.jpg" width="38" height="60" /> <h1>PERÍODO DO CARDÁPIO: 27/11/2006 A 03/12/2006</h1> </div> </thead> <tfoot> <tr> <td align="center" class="rodape">Dados da Empresa<br /> Tel.: (99) 9999-9999 - E-mail: email@email.com.br </td> </tr> </tfoot> <tbody> <tr> <td> <table width="100%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr class="rotulo"> <td align="center">Dia</td><td align='center'>Opção 01</td><td align='center'>Opção 02</td><td align='center'>Opção 03</td><td align='center'>Opção 04</td><td align='center'>Opção 05</td><td align='center'>Opção 06</td><td align='center'>Opção 07</td><td align='center'>Opção 08</td> <td align="right" nowrap="nowrap">Resumo</td> </tr> <tr class="campo"> <td align="center" class="titulo">SEGUNDA-FEIRA, 27 DE NOVEMBRO DE 2006</td><td><span class='item'>Opção</span><span class='item_s'>Opção</span><span class='item_s'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td> <td align="right">1.228,050</td> </tr> <tr class="campo"> <td align="center" class="titulo">TERÇA-FEIRA, 28 DE NOVEMBRO DE 2006</td><td><span class='item'>Opção</span><span class='item_s'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td> <td align="right">1.163,400</td> </tr> <tr class="campo"> <td align="center" class="titulo">QUARTA-FEIRA, 29 DE NOVEMBRO DE 2006</td><td><span class='item'>Opção</span><span class='item_s'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td> <td align="right">1.282,800</td> </tr> <tr class="campo"> <td align="center" class="titulo">QUINTA-FEIRA, 30 DE NOVEMBRO DE 2006</td><td><span class='item'>Opção</span><span class='item_s'>Opção</span><span class='item_s'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td> <td align="right">1.048,500</td> </tr> <tr class="campo"> <td align="center" class="titulo">SEXTA-FEIRA, 1 DE DEZEMBRO DE 2006</td><td><span class='item'>Opção</span><span class='item_s'>Opção</span><span class='item_s'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td> <td align="right">1.196,760</td> </tr> <tr class="campo"> <td align="center" class="titulo">SÁBADO, 2 DE DEZEMBRO DE 2006</td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção salsinha</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td><td><span class='item'>Opção</span></td> <td align="right">1.164,350</td> </tr> <tr class="campo"> <td align="center" class="titulo">DOMINGO, 3 DE DEZEMBRO DE 2006</td><td align='center'>N/D</td><td align='center'>N/D</td><td align='center'>N/D</td><td align='center'>N/D</td><td align='center'>N/D</td><td align='center'>N/D</td><td align='center'>N/D</td><td align='center'>N/D</td> <td align="right">0,000</td> </tr> </table> </td> </tr> </tbody></table></body></html>
Essa página é impressa na horizontal. As span estão formatadas em display:block.
Teria também como criar uma ID para o <thead> e <tfoot> com medidas absolutas (top: 0px; bottom: 0px)?
Agradeço desde já.
Será que ninguém pode me ajudar?
Carregando comentários...
