[GDRCD 5.4] Altezza automatica presenti

[GDRCD 5.4] Altezza automatica presenti postato il 30/11/2018 19:33:13 nel forum programmazione, gdrcd, open source, 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?

Pirates of the Caribbean ↗
Parti per un'avventura con Jack Sparrow, Will Turner, il Capitano Barbossa e altri spadaccini del franchise cinematografico Pirati dei Caraibi!

quota

Pagine → 1

cybershadow

SCRIVI

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

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

quota

auronx

SCRIVI

GESTORE GIOCO

01/12/2018 11:45:23

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

Il primo GDR Italiano di One Piece!

https://www.grandeblu.it

quota

geko

SCRIVI

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.

{ I Love Code }
Creo PbC sotto modesto compenso

quota

cybershadow

SCRIVI

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

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

quota

drfebusinc

SCRIVI

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!

Pirates of the Caribbean ↗
Parti per un'avventura con Jack Sparrow, Will Turner, il Capitano Barbossa e altri spadaccini del franchise cinematografico Pirati dei Caraibi!

quota

Pagine → 1

Rispondi alla Discussione Aggiungi ai Preferiti Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum