Footers in fondo alla pagina

**[P i X A R] 3D** · 06-11-2009, 16:58

Ho cercato anche sulle guide, ma al momento mi sfugge proprio, sia dagli occhi che dalla mente

Ho un layout (per un futuro blog), inserito nel css il body, l'header la zona per il menù ecc...

vorrei poi inserire un footers che elasticamente anche col porpo del sito completamente vuoto si collochi sempre a fondo pagina.

E' possibile?

Se si come?

**RoBYCoNTe** · 06-11-2009, 18:13

... non basta inserire un div dopo il "CORPO" del sito (inteso come dati, menà etc. etc.)?

codice:

<html ...>
 <head>
  ...
 </head>
 <body>
  <div id="header">
   ...
  </div>
  <div id="corpo">
   ...
  </div>
  <div id="footer">
  </div>
 </body>
</html>

più semplice di cosi!

**[P i X A R] 3D** · 06-11-2009, 18:19

Originariamente inviato da RoBYCoNTe
... non basta inserire un div dopo il "CORPO" del sito (inteso come dati, menà etc. etc.)?

più semplice di cosi!

A secondo della risoluzione di schermo e quindi anche di quanto spazio (a livello di pixel) hai sul tuo browser, l'altezza tra header e footer cambia, ora se io mi metto a ridurre o ampliare l'altezza del mio browser, il footer segue e mantiene il posizionamento sul bordo inferiore?

A me fino ad adesso, non è successo.

**RoBYCoNTe** · 06-11-2009, 19:02

allora... io avrei progettato un css di questo tipo per generare quanto dici:

codice:

div#footer,
div#corpo,
div#header { margin: 0; padding: 0; width: 100%; display: block}

div#footer,
div#header {height: 10%}

div#corpo{height: 80%}

**gabip87** · 10-11-2009, 20:29

non ho letto l'articolo ma dovrebbe andar bene:
http://ryanfait.com/resources/footer...ottom-of-page/

poi..
· mi sa che ne trovi uno simile anche su html.it
· sai l'inglese, usa google!

Discussione: Footers in fondo alla pagina

Strumenti discussione

Ricerca discussione

Visualizza

Footers in fondo alla pagina

Permessi di invio