[GDRCD 5.4] Altezza automatica presenti

[GDRCD 5.4] Altezza automatica presenti postato il 30/11/2018 19:33:13 nel forum programmazione, open source e hosting

Buonasera, avrei bisogno di un piccolo chiarimento.
Sto usando la versione 5.4 di GDRCD.
Ho una lista presenti di base, spostata sul lato sinistro invece che sul destro. Vorrei che l'altezza di quel frame sia uguale allo spazio mancante per riempire tutta la colonna.

Mi spiego meglio: se su un pc con risoluzione 1366x768 c'è uno spazio vuoto di 250px, vorrei che il blocco presenti fosse alto 250px. Se invece su una risoluzione 1600x900 c'è uno spazio di 320px, vorrei che l'altezza sia 320px. E' possibile fare una cosa del genere?

01/12/2018 07:04:32 e modificato da cybershadow il 01/12/2018 07:27:23

Se ho capito bene quello che chiedi la risposta è si, e per farlo devi modificare i file css di gdrcd usando la @media rule.
Senza dilungarci troppo ne trovi spiegato l'uso qui https://www.w3schools.com/cssref/css3_pr_mediaquery.asp ↗
altrimenti puoi più semplicemente cancellare il css ttag dell'altezza e mettere margin-top e margin-bottom in maniera che corrispondano alla distanza dei bordi del div dai bordi dello schermo

01/12/2018 11:45:23

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp ↗

02/12/2018 22:07:32 e modificato da geko il 02/12/2018 22:08:12

drfebusinc ha scritto: Buonasera, avrei bisogno di un piccolo chiarimento.
Sto usando la versione 5.4 di GDRCD.
Ho una lista presenti di base, spostata sul lato sinistro invece che sul destro. Vorrei che l'altezza di quel frame sia uguale allo spazio mancante per riempire tutta la colonna.

Mi spiego meglio: se su un pc con risoluzione 1366x768 c'è uno spazio vuoto di 250px, vorrei che il blocco presenti fosse alto 250px. Se invece su una risoluzione 1600x900 c'è uno spazio di 320px, vorrei che l'altezza sia 320px. E' possibile fare una cosa del genere?

Usare i @Media non è la soluzione, dato che parliamo di altezza e non di larghezza.

Prova a sostituire i px con i vh, un esempio pratico:

.my_class {
height: 50vh;
max-height: 55vh;
}

Occhio che l'unità di misura "vh" è come usare la percentuale "%" per la larghezza, giocaci un po' e dimmi se hai ottenuto risultati positivi.

02/12/2018 22:23:06

geko ha scritto:
Usare i @Media non è la soluzione, dato che parliamo di altezza e non di larghezza.

Beh, trattandosi quelle da lui citate di risoluzioni in cui non cambia solo la larghezza ma anche l'altezza in realtà potrebbe esserlo.
visto che comunque il riusltato che vuole ottenere è quello di avere un box "stratchabile" la soluzione più comoda mi sembra comunque essere l'uso di margin-top e margin-bottom

04/12/2018 18:42:17

Grazie a tutti :)
Dunque, i @media non erano validi come soluzione, perché non sarebbe stato "responsive".
Alla fine mi sono studiato un po' il CSS "display: flex" ed ho usato quello, ottenendo il risultato che volevo.

Grazie ancora a tutti!