Back to top

Autore Topic: footer bloccato  (Letto 2803 volte)

Offline luca2013

  • Esploratore
  • **
  • Post: 140
  • Sesso: Maschio
    • Mostra profilo
footer bloccato
« il: 07 Gen 2014, 11:00:43 »
Buongiorno a tutti,
ho delle pagine del mio sito: http://www.areaspaziotest.altervista.org, con poco contenuto e il footer si alza lasciando intravedere sotto l'immagine di sfondo,
vorrei che, qualsiasi sia l'altezza della pagina e la tipologia di schermo con cui si vede, la base del footer rimanga attaccata alla fine della pagina.


Spero in un vostro aiuto
Grazie
Luca

Offline mem.webproject

  • Esploratore
  • **
  • Post: 120
    • Mostra profilo
Re:footer bloccato
« Risposta #1 il: 07 Gen 2014, 11:41:20 »
riesci a mettere il link diretto ad una di queste pagine che fa il problema?

Offline luca2013

  • Esploratore
  • **
  • Post: 140
  • Sesso: Maschio
    • Mostra profilo
Re:footer bloccato
« Risposta #2 il: 07 Gen 2014, 11:47:23 »
certo! http://www.areaspaziotest.altervista.org/index.php/casseforti


nelle altre sezioni ( utensileria, lucchetti, pomoli ecc)  ho aumentato lo stazio sotto i loghi per abbassare il footer, ma preferirei una soluzione a livello css


Grazie mille

Offline mem.webproject

  • Esploratore
  • **
  • Post: 120
    • Mostra profilo
Re:footer bloccato
« Risposta #3 il: 07 Gen 2014, 11:55:38 »
nel file template.css riga 1582 #footer

prova a modificare così: margin: 70% auto auto;

puoi variare la % per aumentare ed abbassare la distanza dall'alto.

Offline luca2013

  • Esploratore
  • **
  • Post: 140
  • Sesso: Maschio
    • Mostra profilo
Re:footer bloccato
« Risposta #4 il: 07 Gen 2014, 12:36:52 »
però questo metodo mi stacca il footer dal contenuto sarebbe lo stesso problema solo che lo spazio invece che sotto me lo crea sopra..


Offline ramses_2th

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4067
  • Sesso: Maschio
    • Mostra profilo
Re:footer bloccato
« Risposta #5 il: 07 Gen 2014, 12:48:52 »
....template.css all'incirca riga 646

#content-leftmenu {    float: left;    left: 780px;    min-height: 300px;    overflow: hidden;    padding-bottom: 50px;    padding-left: 0;    padding-top: 20px;    position: relative;    width: 730px;

Aumenta il valore in rosso

adottauncane

  • Visitatore
Re:footer bloccato
« Risposta #6 il: 07 Gen 2014, 13:57:26 »
Ciao luca2013,
se lo vuoi al fondo, che non si muova con lo scroll e quindi indipendente dal contenitore, devi corregegre così:

Codice: [Seleziona]
#footer {
    background-color: #2B388F;
    bottom: 0;
    clear: both;
    color: #999999;
    margin: 1% auto auto;
    padding: 10px 40px;
    position: fixed;
    width: 100%;
}
template.css 1581

Però in questo modo hai una fascia che tiene tutto il video.
Allora alle due tabelle che hai nei moduli HTML dai 100% anziché 940px, im modo che si adattino al nuovo contenitore.

Offline luca2013

  • Esploratore
  • **
  • Post: 140
  • Sesso: Maschio
    • Mostra profilo
Re:footer bloccato
« Risposta #7 il: 07 Gen 2014, 14:01:41 »
in effetti non voglio che resti sempre presente.. però non è lo stesso risultato a questo punto aumentare lo spazio sotto i loghi? così il risultato sarebbe lo stesso... forse è la soluzione più semplice, se vedete al link ora ho fatto così;


adottauncane

  • Visitatore
Re:footer bloccato
« Risposta #8 il: 07 Gen 2014, 14:07:51 »
No ovviamente non è lo stesso risultato. Se aumenti il padding ti allunga la pagina, se lo fissi rimane sempre presente al bottom. Dipende da cosa vuoi.

adottauncane

  • Visitatore
Re:footer bloccato
« Risposta #9 il: 07 Gen 2014, 14:10:17 »
E, se allunghi la pagina non è detto che basti per tutti, non tutti hanno le stesse visualizzazioni video. Ma non me ne preoccuperei più di tanto...

Offline luca2013

  • Esploratore
  • **
  • Post: 140
  • Sesso: Maschio
    • Mostra profilo
Re:footer bloccato
« Risposta #10 il: 07 Gen 2014, 14:18:08 »
si esatto, ho fatto una prova con un 21 pollici e sta fermo sotto comunque, per ora lo tengo così


ah una cosa.. sto tentando di mettere su un hosting linux un'immagine momentanea che dice che il sito è in costruzione, ho inserito questo codice "img src="immagini/IMMAGINE-SITO.jpg" alt="Mia immagine"
[/size]ho caricato l'immagine nel server via ftp nella cartella immagini, però non mi appare, esce solo il codice che ho inserito qualcuno ne sa di più? [/color]
[/size]grazie![/color]

 



Web Design Bolzano Kreatif