Problema Footer

**Motete** · 20-06-2013, 16:09

Salve a tutti ,
sono nuovo della community ma in realtà seguo il forum e le vostre guide ormai da una vita

Oggi però il problema non riesco proprio a risolverlo anche se è il più classico dei casi (o almeno credo)

Problema:

Il footer non rimane stickato al bottom del mio sito e si adatta alla grandezza degli elementi della pagina . Più che altro il problema grave è che si adatta solo alla grandezza di un articolo presente e non ai Widget installati nella sidebar laterale

PROBLEMA

Home Sito

CSS "Dark.css":

codice:

07.Prefooter 
#prefooter {background: url("../images/prefooter-bg.png") repeat scroll 0 0 transparent;} 
 08.Footer 
footer {position:absolute;background: url("../images/footer-bg.png") repeat-x scroll bottom left transparent;}  #footer-border{	background: url("../images/border-solid.png") repeat-x bottom left;}

CSS "Style.css":

codice:

#footer-inner { 	width: 3980px; 	padding: 0px; 	margin: 0 auto; 	font-size: 11px; 	overflow: hidden; }  
#footer-border{ 	height: 0px; }

Ho letto del sticky footer css e di come implementarlo, ma forse sbaglio io a inserirlo al posto giusto

GRAZIE IN ANTICIPO

**Nobody33** · 20-06-2013, 18:04

Non c'ho capito un granché. Il footer nel sito linkato è perfettamente incollato sul fondo.

Comunque:

codice:

<head>
<style>
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.main { background:red;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* valore negativo dell'altezza del footer */
}
.footer, .chips {
	height: 142px; /* .push è la stessa altezza del .footer */
}
.footer{background:green;}
</style>
</head>
<body>
<div class= "main"> 
<div class="chips"></div>
</div>
<div class="footer"> </div>
</body>

**Motete** · 20-06-2013, 22:09

grazie per la risposta

Non ho capito com'è possibile che tu dica che il footer sia incollato sul fondo se si sovrappone a tutti i Widget della Sidebar di destra

Il codice che mi hai postato dovrei inserirlo nell Style.css giusto? se si, lo avevo gia provato e non va

Discussione: Problema Footer

Strumenti discussione

Ricerca discussione

Visualizza

Problema Footer

Permessi di invio