Ciao a tutti,
ho una pagina con un header e un footer fisse ed una parte centrale divisa in 2 colonne dove vorrei far apparire 2 barre di scorrimento indipendenti, una per ciascuna colonna.
Ho fatto un po' di prove ma proprio non ci riesco.
Mi potete aiutare.
Grazie
Flavio
di seguito il codice :
codice:<!DOCTYPE html> <html> <head> <style> .rico-man-panel-sx { width:49%; left: 0px; position: absolute; border-right:1px solid #fff; overflow: auto; } .rico-man-panel-dx { width:49%; left: 50%; position: absolute; border-left:1px solid #fff; overflow: auto; } .rico-man-div-center { position: absolute; top: 75px; bottom: 65px; margin: 0px; padding: 0px; width: 99%; border: 1px solid green; overflow: auto; } .rico-man-bottom-sx { width:49%; left: 0px; position: absolute; } .rico-man-bottom-dx { width:49%; left: 50%; position: absolute; } .rico-man-div-bottom { margin: 0px; padding: 0px; height:60px; width:99%; position: absolute; bottom: 0px; border: 1px solid black; } </style> </head> <body> <div style="width: 100%;height:100%;color:blue;padding: 0px;margin: 0px;border: 1px solid blue;"> <div style="width: 99%;height:60px;border: 1px solid red;position:relative;padding: 0px;margin: 0px;"> <table cellspacing="3"> <tbody> <tr> <td> <span>Scelta 1</span> </td> <td> <select size="1" > <option value="">---</option> <option value="2">2 - Giardini</option>S </select> </td> <td> <span>Scelta 2</span> </td> <td> <select size="1" > <option value="">---</option> <option value="1">1 - Frutta</option> </select> </td> </tr> </tbody> </table> </div> <div class="rico-man-div-center"> <div class="rico-man-panel-sx"> <div>Dati Esterni</div> <div style="background:yellow;" > 1Non ci Sono Dati Esterni per i Parametri Immessi</p> 2Non ci Sono Dati Esterni per i Parametri Immessi</p> 3Non ci Sono Dati Esterni per i Parametri Immessi</p> 4Non ci Sono Dati Esterni per i Parametri Immessi</p> 5Non ci Sono Dati Esterni per i Parametri Immessi</p> 6Non ci Sono Dati Esterni per i Parametri Immessi</p> 7Non ci Sono Dati Esterni per i Parametri Immessi</p> 8Non ci Sono Dati Esterni per i Parametri Immessi</p> 9Non ci Sono Dati Esterni per i Parametri Immessi</p> 10Non ci Sono Dati Esterni per i Parametri Immessi</p> 11Non ci Sono Dati Esterni per i Parametri Immessi</p> 12Non ci Sono Dati Esterni per i Parametri Immessi</p> 13Non ci Sono Dati Esterni per i Parametri Immessi</p> 14Non ci Sono Dati Esterni per i Parametri Immessi</p> 15Non ci Sono Dati Esterni per i Parametri Immessi</p> 16Non ci Sono Dati Esterni per i Parametri Immessi</p> 17Non ci Sono Dati Esterni per i Parametri Immessi</p> </div> </div> <div class="rico-man-panel-dx"> <div>Dati Interni</div> <div style="background:green;"> 1Non ci Sono Dati Interni per i Parametri Immessi</p> 2Non ci Sono Dati Interni per i Parametri Immessi</p> 3Non ci Sono Dati Interni per i Parametri Immessi</p> 4Non ci Sono Dati Interni per i Parametri Immessi</p> 5Non ci Sono Dati Interni per i Parametri Immessi</p> 6Non ci Sono Dati Interni per i Parametri Immessi</p> 7Non ci Sono Dati Interni per i Parametri Immessi</p> 8Non ci Sono Dati Interni per i Parametri Immessi</p> 9Non ci Sono Dati Interni per i Parametri Immessi</p> 10Non ci Sono Dati Interni per i Parametri Immessi</p> 11Non ci Sono Dati Interni per i Parametri Immessi</p> 12Non ci Sono Dati Interni per i Parametri Immessi</p> 13Non ci Sono Dati Interni per i Parametri Immessi</p> 14Non ci Sono Dati Interni per i Parametri Immessi</p> 15Non ci Sono Dati Interni per i Parametri Immessi</p> 16Non ci Sono Dati Interni per i Parametri Immessi</p> 17Non ci Sono Dati Interni per i Parametri Immessi</p> </div> </div> </div> <div class="rico-man-div-bottom"> <div class="rico-man-bottom-sx"> <table> <tbody> <tr> <td> <span class="rico-man-tot">Totale</span> </td> <td>N.Operazioni</td> <td> <span class="rico-man-tot">0</span> </td> <td>Controvalore(E)</td> <td> <span class="rico-man-tot">0,00000</span> </td> </tr> <tr> <td> <span class="rico-man-tot"> </span> </td> <td> </td> <td> <span class="rico-man-tot"> </span> </td> <td>Differenza(E)</td> <td> <span class="rico-man-tot">0,00000</span> </td> </tr> </tbody> </table> </div> <div class="rico-man-bottom-dx"> <table> <tbody> <tr> <td><span class="rico-man-tot">Totale</span></td> <td>N.Operazioni</td> <td><span class="rico-man-tot">0</span></td> <td>Controvalore(I)</td> <td><span class="rico-man-tot">0,00</span></td> </tr> <tr> <td><span class="rico-man-tot"> </span></td> <td> </td> <td><span class="rico-man-tot"> </span></td> <td>Differenza(I)</td> <td><span class="rico-man-tot">0,00</span></td> </tr> </tbody> </table> </div> </div> </div> </body> </html>
Rispondi quotando