proprietà Position in layout liquido...

pollat

Utente Attivo
10 Ott 2013
63
0
6
Ciao a tutti,
sto realizzando un layout liquido che si adatta automaticamente alle varie risoluzioni dello schermo ma ho un problema nel gestire la posizione verticale dei 5 div principali che compongono la struttura del sito.

la struttura del sito è composta da:
a) un div contenitore principale (div 1)
b) 4 div all'interno del contenitore principale ( div 2 (menù), div 3(contenuto generico), div 4(soprafooter), div 5(footer))

In pratica vorrei ottenere che :
1) il div 1 contenitore di tutti gli altri, si adatti all'altezza dello schermo automaticamente
2) il div 2 si allinei in alto (rispetto al div contenitore),
3) i div 4 e 5 si allineino in basso (rispetto al div contenitore), e quindi il div 3 sia quello che adatta la sua altezza al resto dello schermo

Tutto questo mi serve affinché uno smartphone messo in verticale visualizzi il menù in alto e i 2 ultimi div in basso rispetto allo schermo.
 
Discussioni simili
Autore Titolo Forum Risposte Data
G Grid e proprietà grid-template-areas HTML e CSS 3
T [VENDO] Guest Post su siti di Proprietà Offerte e Richieste di scambio links 0
T [VENDO] Guest Post su siti di Proprietà Vendere e Acquistare pubblicita' online 0
T [VENDO] Guest Post su siti di Proprietà con IP diversi Offerte e Richieste di scambio links 0
Tommy03 Variabile PHP per impostare una proprietà CSS PHP 2
S Magento 2 - Calcolare una tassa con una regola basata su proprietà di prodotto Magento 0
M Ottenere i valori di una proprietà su un array di oggetti (es. DIV) in JavaScript Javascript 7
F proprietà length di un array Javascript 1
V Sono stati rilevati gravi problemi relativi alle condizioni della tua proprietà. Google Search Console 11
M Passare una funzione a una proprietà di oggetto Javascript 2
A verifica di proprietà bing webmaster tool Google Search Console 0
G Visualizzazione proprietà oggetto PHP 0
Gabriele Visioli Copyright e Proprietà Intellettuale per il proprio sito-blog Leggi, Normative e Fisco 2
E Stampa proprietà foto Photoshop 1
D Eventi: si possono modificare proprietà css di un el. B tramite un hover su un el. A? HTML e CSS 0
Eliox Accedere a tutte le proprietà di un oggetto PHP 1
C Leggere le proprietà di un <div> Javascript 4
A Proprietà 'style': oggetto nullo o non definito Javascript 2
C Problemi con proprietà CSS visibility:hidden in IE HTML e CSS 0
Z proprietà delle immagini Webdesign e Grafica 6
WorldWideWeb Creazione OCX con proprietà Visual Basic 1
voldemort [CSS] Definire tutte le proprietà del background in un unica riga HTML e CSS 1
M Proprietà delle directory Apache 5
D Proprietà del dominio e dello spazio web. Domini 2
C La proprietà dei sorgenti Leggi, Normative e Fisco 0
A modificare una proprietà con Js Javascript 0
nourdine css dom e passaggio dinamico del nome della proprietà css Javascript 0
C Modifica proprietà form da javascript Javascript 1
A modifica dinamica proprietà oggetto Flash 1
R leggere le proprietà di una img PHP 2
gladenko Javascript e accesso alle proprietà dei div Javascript 5
N proprietà oggetto o metodo errore! Javascript 0
peppoweb Proprietà dei Sorgenti Leggi, Normative e Fisco 4
A Class proprietà non visualizzabili esternamente Flash 0
N Problema con position absolute e overflow HTML e CSS 4
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
L [Javascript]Alternativa al position:sticky nel CSS Javascript 0
N [PHP] ERRORE: SyntaxError: Unexpected token N in JSON at position 1 PHP 0
S [HTML] <nav> con position:fixed copre <main> HTML e CSS 0
L [HTML] Position:fixed e overlay HTML e CSS 12
P div fisso con offset() o position() jQuery 2
K position=fixed (contenuto al centro dello schermo anche durante lo scrolling) HTML e CSS 0
novello88 [css3] animated position HTML e CSS 0
F Problema position span con barretta dinamica HTML e CSS 0
I problema overflow con elementi "position absolute" HTML e CSS 3
A modificare comportamento 'position' in stile CSS Javascript 0
D Problema con lo scroll della pagina e del div position:fixed HTML e CSS 0
J Div in position fixed rispetto al suo contenitore jQuery 4
F position input type text HTML e CSS 3
F tooltip position:relative Javascript 0

Discussioni simili