Salve, vorrei chiedervi qualche consiglio per costruire questo tipo di layout; praticamente ho bisogno di due colonne che si ridimensionino in base a queste regole:
- nel caso la larghezza della finestra sia inferiore a 750px, la colonna sinistra dovrà avere larghezza 250px e quella destra 500px;
- nel caso la larghezza della finestra sia maggiore di 750px e inferiore a 1000px, la colonna sinistra avrà larghezza 250px e la destra tutta la larghezza rimanente;
- nel caso la larghezza della finestra sia maggiore di 1000px, la colonna sinistra avrà larghezza 500px e la destra tutta la larghezza rimanente;
entrambe le colonne dovrebbero estendersi per tutta l'altezza disponibile nella finestra.
Specifico che:
- le due colonne avranno scrollbar verticali indipendenti qualora il contenuto superi l'altezza della finestra;
- ci sarà un'header di altezza fissa e larghezza 100% che non dovrà coprire le eventuali scrollbar verticali delle colonne nè subirne l'effetto (rimanendo fisso in cima);
- vorrei ottenere il tutto senza l'uso di JavaScript.
Ho fatto svariati tentativi ma non riesco a concludere nulla...
Qualcuno ha la buona volontà di darmi qualche dritta..? Grazie!