Back to top

Autore Topic: footer fisso  (Letto 3027 volte)

Offline ira83

  • Appassionato
  • ***
  • Post: 268
    • Mostra profilo
footer fisso
« il: 17 Dic 2010, 02:03:39 »
Ciao a tutti,sto scrivendo da zero questo template
Procede tutto bene, in mezz'oretta ho fatto quello che vedete(gran poco)... però pian piano riesco... volevo provare una cosa nuova xo che io non so fare...

volevo fissare il footer sul fondo della pagina, renderlo fisso... e la pagina fa lo scroll dietro... è possibile?
come?

Offline Npaquito

  • Abituale
  • ****
  • Post: 1832
    • Mostra profilo
Re:footer fisso
« Risposta #1 il: 17 Dic 2010, 07:27:00 »
Hola

Per esempio con il mandato del Css {width:Xpx;position:fixed;top:Ypx;right:Zpx;z-index:W;}, dove top é la distanza alla parte superiore del browser (in questo caso specifico meglio bottom) e right (o left) la distanza alla parte laterale e z-index serve per metterlo sopra il resto (con 5 dovrebbe essere piú che sufficiente). Attenzione non funziona su Ie6 o anteriori

« Ultima modifica: 17 Dic 2010, 07:30:21 da Npaquito »
web design, web mobile

Offline ira83

  • Appassionato
  • ***
  • Post: 268
    • Mostra profilo
Re:footer fisso
« Risposta #2 il: 17 Dic 2010, 11:12:48 »
ho fatto cosi:
Codice: [Seleziona]
#footer {
 background-color: #f4f9fc;
      text-align: center;
      border-top: 1px solid #e2e2e2;
      border-botom: 1px solid #e2e2e2;
      padding: 5px;
  margin: 4em 0 0 0;
padding: .5em 0;
border-top: 1px dotted;
width:100%;
position:fixed;
bottom:0px;

z-index:10;}

funzionare funziona... sintatticamente è giusto?

Offline Npaquito

  • Abituale
  • ****
  • Post: 1832
    • Mostra profilo
Re:footer fisso
« Risposta #3 il: 18 Dic 2010, 11:51:17 »
Hola

Direi di si
web design, web mobile

Offline fracm

  • Nuovo arrivato
  • *
  • Post: 38
  • Sesso: Femmina
    • Mostra profilo
Re:footer fisso
« Risposta #4 il: 01 Feb 2011, 12:00:50 »
Ciao a tutti!
Riprendo fuori questo post perchè ho bisogno della stassa cosa:
ho un body con un immagine statica che si adatta in css alle varie risoluzioni schermo:
Codice: [Seleziona]
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 90%;
background-image: url(../images/free_time_foto.jpg);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center top;
width: 100%;
min-width: 1024px;
z-index: -9999;
top: 0;
left: 0;
}

Poi ho un wrapper che contiene head e mai content.
e alla fine un footer.

Bene io voglio che il body stia fermo come già sta, il footer stia in fondo alla pagina fermo anch'esso e il"sito" cioè il wrapper con tutto quello che ha scorra dietro il footer..
non riesco..

Ho provato a dare il codice detto sopra ma il footer me lo fa scomparire..


Il punto è che io al body gli ho dato una risoluzione in larghezza non in altezza quindi per quanto riguarda l'altezza si stringe lui facendo in modo di rimanere in un unica pagina fissa quindi non devo scorrere.

Il footer dovrebbe essere in fondo:
faccio un esempio:
http://www.webdesignbe.com/
senza però scorrere..il wrapper scorrerò dietro al footer..
ci dev'essere un modo in joomla.. :/
Grazie infinite a chi riuscirà ad aiutarmi..
Motivatrice Creativa
www.motivatricecreativa.com

 



Web Design Bolzano Kreatif