- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- distribuire elementi verticalmente tra header e footer
-
distribuire elementi verticalmente tra header e footer
ciao a tutti
ho una pagina la cui struttura è abbastanza semplice ma mi sta facendo impazzire.ho un div che fa da intestazione che sta sempre in cima con margine di pagina 0.
in basso vorrei un footer che sta sempre a fine pagina con margine zero.
tra questi 2 div c'è il contenuto della pagina che non si estende molto in verticale, (lo scroll della pagina è quasi nullo).
la richiesta è questa. come posso fare per distribuire il contenuto del div centrale in modo che quello che c'è dentro sia equamente ripartito?
perche essendoci poco contenuto che si sviluppa verticalmente, quello che mi è venuto fuori è
-header
()
contenuto
()
()
()
-footerdove () sta ad indicare spazio vuoto, bianco
invece vorrei che il contenuto rimanesse a metà rispetto a header e footer.
-header
()
()
contenuto
()
()
-footeressendo le risoluzioni dei visitatori diverse è un gran problema!
inoltre il footer tende a venire verso l'alto se il contenuto è poco.
il footer l'ho impostato cosìcodice:```
#bottom { position:relative; bottom:0px; width:auto; }
grazie
-
ciao. prova a involgere "contenuto" nel div:
<div id="unwrapper">qui un contenuto</div>
poi aggiungi css-codice ad esso:
#unwrapper {margin: auto 0;}
anche potrebbe indicare fissa "height":
{margin: auto 0; height: 70%;}
sperimenta anche vertical-align: middle;