[HTML] Layout multicolonna (no table)

Andrea_Ventura

Nuovo Utente
10 Giu 2018
24
0
1
Ciao a tutti!
Sto progettando uno dei miei primi siti, prevalentemente ancora molto statico, poichè sto apprendendo in questi tempi javascript and php.
Allora ho impostato un layout a tre colonne con rispettivamente 25 50 e 25 % di larghezza, all'interno di un div con 90% di larghezza.
Dal codice attuale non riesco a far si che l'altezza delle colonne risulti uguale (non mi piace impostare i parametri precisi in px, poichè per il passaggio alla versione mobile non è il massimo).

ESISTE UN MODO PER FAR SI CHE LE COLONNE MANTENGANO LA STESSA ALTEZZA NONOSTANTE CONTENGANO CONTENUTI DI DIVERSA LUNGHEZZA?

Dal codice attuale ottengo la seguente formattazione
HTML
Codice:
<div id="cln">
            <div id="clnsx"><h1>colonna sx</h1></div>
            <div id="clncnt"><h1>colonna cnt</h1></div>
            <div id="clndx"><h1>colonna dx</h1></div>
            <br class="clear">
        </div>
CSS
Codice:
/*contenitore*/
#cln{
    
    text-align:center;
    position:absolute;
    top:150px;
    width:90%;
    left:5%;
    right:5%;
    
    margin: 0 auto;
    text-align:left;}   

/*colonna di sinistra*/
#clnsx{
    width:25%;
    float:left;
    background-color:yellow;
}

/*colonna centrale*/
#clncnt{
    width:50%;
    float:left;
    background-color:red;
}

/*colonna di destra*/
#clndx{
    width:24%;
    float:left;
    background-color:blue;
    }

.clear{
    clear:both;
}
 

Allegati

  • g901.PNG
    g901.PNG
    8,8 KB · Visite: 150
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
Andrea_Ventura [HTML] Realizzazione di un layout dinamico di immagini HTML e CSS 4
Devil-94 Layout html css HTML e CSS 1
Y corrispondenza misure portando un layout da photoshop in html/css Photoshop 0
K File audio in html, chi mi può aiutare? HTML e CSS 0
K Aiuto con file audio in html HTML e CSS 1
Antonio67 Lanciare file shell bash da html HTML e CSS 2
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
G Codice html Javascript 1
M Collegamento tra form html e script php PHP 4
L Ricezione dei dati su file php da modulo html PHP 6
F Creare elementi html con javascript Javascript 4
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
W visualizzare solo file html e sottocartelle di una cartella PHP 1
C Dopo chiusura del tag php la stringa html va a capo PHP 1
G img html HTML e CSS 3
M Come fare un countdown in HTML? HTML e CSS 4
D Stampa a video in altra pagina html Database 3
A inserire variabile php colore in div html PHP 2
F Tv in html Offerte e Richieste di Lavoro e/o Collaborazione 1
N Script elenco file HTML HTML e CSS 5
L salvare codice html in mysql PHP 3
Cosina htaccess redirect 301 senza estensione html Web Server 6
E Errore di lettura php in html PHP 8
M HTML e PHP Offerte e Richieste di Lavoro e/o Collaborazione 3
C Form email php su pagina index.html? PHP 21
Shyson Meglio Javascript o HTML? Javascript 4
P inserimento icone social tramite html HTML e CSS 1
Z Mod_rewrite da HTML in PHP PHP 3
L Collegare un form html ad un database access Javascript 2
P HTML integrazione wordpress HTML e CSS 0
C [RISOLTO]Inserimento variabile php in input html PHP 20
L Eliminare estensione .html HTML e CSS 9
max1974 html in tooltip Javascript 0
C Risalire al php da html PHP 27
felino Esportare tabella HTML in PDF, quale libreria usare? Javascript 1
webmachine [PHP] [JAVASCRIPT] Form strano in HTML PHP PHP 1
L [RISOLTO] Stampa a video risultato count in html PHP 13
V Servizio design pagina web e download in self contained html file Discussioni Varie 1
F [PHP] Form html PHP 2
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
M Estrarre dati da una select HTML PHP 3
G FORM HTML E PHP PHP 0
max1974 [HTML] Columns grid on modal form HTML e CSS 0
tomorc [HTML] Problema con scroll bar (risolto) HTML e CSS 0
F [PHP] [HTML] Tabella cambia pagina responsive PHP 8
M [PHP] [HTML] Centrare in verticale un pulsante in una tabella PHP 3
S [HTML] Effetto su testo da togliere HTML e CSS 0
M [PHP] Istruzione "echo" all'interno di codice html PHP 2
D [HTML] Aiutino su costruzione tabella :) HTML e CSS 3

Discussioni simili