PDA

View Full Version : [HTML + CSS + JavaScript] Colonna che si collassa o scompare ad una certa larghezza


race2
02-03-2018, 06:48
Salve,
scusatemi se posto nella sezione sbagliata, ma è la prima volta che affronto questo argomento.

su una pagina html ho due div, uno a sinistra uno a destra:


<div id="left">...lato sinistro con filtri di ricerca...</div>
<div id="center">...contenuto centrale della pagina...</div>


Come vedete:
- quello di sinistra, contiene una serie di filtri per le ricerche.
- quello di destra o centrale, contiene i risultati delle ricerche

Dato che tutto il sito è responsive ma questa parte delle due colonne div è stata aggiunta da me, non era prevista nel template, non so come posso fare per fare collassare o meglio fare scomparire la colonna di sinistra, quando si visualizza il sito un un dispositivo smartphone, quindi quando le dimensioni dello schermo sono inferiori a....

Potete darmi una mano?

Scusate se ho sbagliato sezione

Grazie a tutti!

tigroneveloce
02-03-2018, 07:33
Con le css media queries.

Nel tuo caso, ad esempio con questa regola:

@media screen and (max-width: 414px) {
#left { display: none }
}

quando la finestra scende sotto i 415px di larghezza, il div con id left assume display none.

race2
02-03-2018, 07:40
azz...
grazie milleeee...
vado a provare, ciao!!!