Ciao a tutti, ho un problema relativo al layout di visualizzazione della mia pagina html. Premetto che lavoro con asp.net, ma alla fine dei conti è HTML.
Devo costruire una cosa semplicissima, ma mi sta creando problemi:
Ho una tabella con una riga e due colonne.
La prima colonna è larga il 30% della tabella
La seconda colonna è larca il 70% della tabella
E fin qui tutto bene
Nella cella (0;0) c'è un DIV largo il 100% della cella, impostato con controllo di overflow (scrollbar sempre visibili). Dentro il DIV c'è un treeView (menu della pagina)
Nella cella (0;1) c'è un DIV largo il 100% della cella, impostato con controllo di overflow (scrollbar sempre visibili). Dentro il DIV c'è una tabella, caricata dinamicamente.
Ora qui è il problema: le scrollbar dentro il div di destra vengono sì visualizzate, ma al ridimensionamento della pagina il contenuto del DIV (quindi la tabella) non si ridimensiona. Per cui risulta che la tabella sia grande più del 100% della pagina, e questo è alquanto fastidioso.
Facendo varie prove:
- Se al DIV che contiene la tabella gli viene assegnata una larghezza in pixel (quindi fissa), il div ridimensiona le scroll bar alla perfezione
- Se il DIV con larghezza variabile (100%) viene messo fuori dalla tabella, quindi nel flusso della pagina, il div ridimensiona le scroll bar alla perfezione
Come posso fare per tenere le due parti (menu e tabella) affiancate, e che funzionino bene al ridimensionamento della pagina?