allora ho l'esigenza di stampare dei documenti/dati che abbiamo un header e footer fisso per ogni foglio.
ho trovato questo sul web e funziona ma con explorer, con chrome no.....come si può modificare in modo che funzioni con quello anche?
codice:<html> <head> <title>Scrollable Table with Fixed Header, repeat print header and footer</title> <meta name="keywords" content="fixed table header; non-scroll header; fixed footer; freeze header; CSS tips; print repeating headers; print repeating footers"> <link rel="stylesheet" href="basic.css" type="text/css"> <style type="text/css"> div.tableContainer { width: auto; /* table width will be 99% of this*/ /*height: 295px; /* must be greater than tbody*/ overflow: auto; margin: 0px; } table { width: 99%; /*100% of container produces horiz. scroll in Mozilla*/ border: none; background-color: #FFFFFF; } table>tbody { /* child selector syntax which IE6 and older do not support*/ overflow: auto; /*height: 250px;*/ overflow-x: hidden; background-color: #FFFFFF; } thead tr { position:relative; top: expression(offsetParent.scrollTop); /*IE5+ only*/ background-color: #FFFFFF; } thead td, thead th { text-align: center; border-bottom: 1px solid #999999; background-color: #FFFFFF; } td { text-align: justify; background-color: #FFFFFF; } tfoot td { text-align: center; border-top: 1px solid #999999; background-color: #FFFFFF; } td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/ </style> <style type="text/css" media="print"> div.tableContainer {overflow: visible; } table>tbody {overflow: visible; } td { } /*adds control for test purposes*/ thead td { } tfoot td { text-align: center; border-top: 1px solid #999999; } thead {display: table-header-group; } tfoot {display: table-footer-group; } thead th, thead td {position: static; } </style> </head> <body> <div id="container"> <div class="tableContainer"> <table cellspacing="0"> <thead> <tr> <td>HEADER</td> </tr> </thead> <tfoot> <tr> <td>FOOTER</td> </tr> </tfoot> <tbody> <tr> <td>Contenuti bla bla bla bla bla </td> </tr> </tbody> </table> </div> </div> </body> </html>![]()

Rispondi quotando