Visualizzazione dei risultati da 1 a 9 su 9
  1. #1
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116

    due colenne, la prime di 200px, l'altra il resto della larghezza

    Chiedo scusa del titolo.
    Debbo fare una pagina che abbia:
    1) in alto una testata con titolo
    2) il resto della pagina diviso in due sezione A di 200px e B larga per il resto della pagina

    Il problema è la parta B che deve contenere a tutta pagina (pagina - la parte superiore - la parte di sinistra) un controllo.

    Ci sono riuscito usando una tabella e impostando (per quel poco che ne so) gli stili larghezza e altezza degli elementi coinvolti, al 100%.

    Vorrei però farlo senza tabelle, se mi date una mano.

    ciao
    Pietro

  2. #2
    Fai la stessa cosa con i div uno a misura fissa e l'altro 100%
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

  3. #3
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    Quote Originariamente inviata da carlomarangoni Visualizza il messaggio
    Fai la stessa cosa con i div uno a misura fissa e l'altro 100%
    ci provo, ciao
    Pietro

  4. #4
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Nel caso non funzionasse:
    codice:
    #colonna1, #colonna2 {
        float: left;
        box-sizing: border-box; // Così puoi mettere dei padding alle colonne senza sballare tutto
    }
    #colonna1 {
        width: 200px;
    }
    #colonna2 {
        width: calc(100% - 200px);
    }
    Oppure puoi usare i flexbox
    codice:
    #contenitore-colonne {
        display: flex;
    }
    
    #colonna1 {
        width: 200px;
    }
    
    #colonna2 {
        flex: 1;
    }
    No

  5. #5
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    Ti ringrazio e provo subito.
    Però sembra non venga gestita l'altezza, che è quello che mi dà più problemi.
    Il problema vero, ripeto, è che debbo inserire un plugin che deve estendersi per tutto lo spazio libero, ossia tutta la finestra meno la parte superiore meno la parte di sinistra.
    Ciao
    Pietro

  6. #6
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    uh, dimenticavo.

    Se usi i flexbox a #contenitore-colonne aggiungi width:100%;

    Nel frattempo mi è venuta in mente un'altra soluzione (forse la più compatibile)
    codice:
    #contenitore-colonne {
        position: relative;
        width: 100%;
    }
    #colonna1 {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 100%;
    }
    #colonna2 {
        width: 100%;
        padding-left: 200px;
        box-sizing: border-box;
    }
    No

  7. #7
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    Ti ringrazio
    Pietro

  8. #8
    Utente di HTML.it
    Registrato dal
    Feb 2014
    residenza
    Voltati
    Messaggi
    913
    Quale hai usato alla fine?
    No

  9. #9
    Utente di HTML.it L'avatar di pietro09
    Registrato dal
    Jan 2002
    Messaggi
    10,116
    Quote Originariamente inviata da tampertools Visualizza il messaggio
    Quale hai usato alla fine?
    Per il momento nessuno. Posso provare in ufficio solo la settimana prossima.
    Ma questo non toglie il ringraziamento per i suggerimenti.
    Pietro

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.