• User Newbie

    Stampa pagine con elementi position absolute

    ciao a tutti,
    ho un problema con una stampa... in pratica ho degli elementi text con position:absolute li devo stampare su 2 pagine quindi ho realizzato un codice di esempio come quello qui sotto:

    
    <html>
    <head>
    <title>Stampa</title>
    </head>
    <body> 
    <table id="tabella1" style="width:909px; height:1286px; border:1px solid red; position:absolute; top:0; left:0;" cellspacing="0" cellpadding="0">
      <tr>
        <td></td>
      </tr>
    </table>
    <span style="page-break-before:always"></span>
    <table id="tabella2" style="width:909px; height:1286px; border:1px solid red; position:absolute; top:1286px; left:0;" cellspacing="0" cellpadding="0">
      <tr>
        <td></td>
      </tr>
    </table>
    
    <!-- PRIMA PAGINA -->
    
    <input type="text" value="aaaaa" id="pagina1_1" style="position:absolute; z-index:1000; left:197px; top:188px; width: 200px;" />
    <input type="text" value="aaaaa" id="pagina1_2" style="position:absolute; left:417px; top:188px; width: 244px;" />
    <input type="text" value="aaaaa" id="pagina1_3" style="position:absolute; left:681px; top:188px; width: 178px;" />
    
    <!-- SECONDA PAGINA -->
            
    <input type="text" value="bbbbb" id="pagina2_1" style="position:absolute; left:339px; top:1332px; width: 193px; z-index:1000" />
    <input type="text" value="bbbbb" id="pagina2_2" style="position:absolute; left:198px; top:1423px; width: 90px; z-index:1000" />
    <input type="text" value="bbbbb" id="pagina2_3" style="position:absolute; left:308px; top:1423px; width: 90px; z-index:1000" />
    <input type="text" value="bbbbb" id="pagina2_4" style="position:absolute; left:428px; top:1423px; width: 90px; z-index:1000" />
    <input type="text" value="bbbbb" id="pagina2_5" style="position:absolute; left:548px; top:1423px; width: 90px; z-index:1000" />
    <input type="text" value="bbbbb" id="pagina2_6" style="position:absolute; left:658px; top:1423px; width: 90px; z-index:1000" />
    <input type="text" value="bbbbb" id="pagina2_7" style="position:absolute; left:768px; top:1423px; width: 90px; z-index:1000" />    
    </body>
    </html>
    
    ```il problema, come potrete notare è che FIREFOX non stampa gli ementi della seconda pagina mentre IE li stampa ma se ci metto un'immagine di sfondo alle tabelle questa scompare in anteprima di stampa:x
    avete spiegazioni per questo comportamento?
    
    grazie fabio