distribuire elementi verticalmente tra header e footer

[miomiomio]

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
()
()
()
-footer

dove () sta ad indicare spazio vuoto, bianco

invece vorrei che il contenuto rimanesse a metà rispetto a header e footer.

-header
()
()
contenuto
()
()
-footer

essendo 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

[janco]

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;