Ciao a tutti!
Sono ormai giorni che sto sbattendo la testa con il footer di un sito che sto facendo.
Il problema è che non riesco a farlo stare fisso in basso, ma si alza a seconda della risoluzione.
Ho cercato in rete vari aiuti, tutorial, .push etc...ma niente!!
Qualcuno mi aiuta a capire qual'è la soluzione??
Grazie in anticipo.
LINK del sito di riferimento
Edit:
aggiungo codice
HTML
CSS:
codice:
/* LAYOUT */ #TopBar{height:20px;text-align:center;width:100%;z-index:9999;background-attachment:scroll;background-color:#655146;background-image:url(../images/linedotted.png);background-repeat:repeat-x;background-position:center center} #wrapper{ width:1050px; margin-top: 0; margin-right: auto; margin-bottom: -150px; margin-left: auto; padding-left: 60px; } #header{color:#333;width:1000px;float:left;height:100px;margin-right:0;margin-bottom:0;margin-left:0;padding-bottom:5px;padding-top:10px} #leftcolumn{height:350px;width:230px;float:left;margin:10px 10px 0 -20px;padding:3px} #content{ height:auto !important; /*per gli altri browser*/ height:100%; /*per IE 6*/float:left;color:#333;height:100%;width:600px;display:inline;margin:50px 0 80px;padding:0 10px 100px;} .products-master{list-style-type:none;display:inline;text-align:center;float:left;width:345px;height:355px;margin-right:20px;border:1px dashed gray;background-color:#FFF;vertical-align:middle;padding:8px} .products-text{list-style-type:none;display:inline;text-align:left;float:right;width:340px;height:450px;background-image:url(../images/product_border.gif);background-repeat:no-repeat;padding:0 20px 20px} .products-thumb li{margin-top:20px;list-style-type:none;text-align:center;float:left;width:50px;border:1px dashed gray;background-color:#FFF;margin-right:32px;height:50px} ul.thumbtext{float:left;list-style:none;width:365px;padding-top:10px;text-align:center;margin:0} ul.thumb{float:left;list-style:none;width:400px;text-align:center;margin-top:-80px;margin-bottom:209px;margin-left:0;display:inline} ul.thumb li{float:left;position:relative;width:70px;height:70px;margin-right:26px;border:1px dashed gray;background-color:#FFF} ul.thumb li img{width:60px;height:60px;position:absolute;left:3px;-ms-interpolation-mode:bicubic;border:0;top:3px;padding:3px;-ms-interpolation-mode:bicubic;} ul.thumb li img.hover{border:0} .products-master img,.products-thumb li img{border:none} #rightcolumn{height:350px;width:200px;float:left;margin:50px 0 0 -100px} #footer{clear:both;float:left;width:100%; position: relative; bottom: 0px;background-color:#655146;background-image:url(../images/linedotted.png);background-repeat:repeat-x;background-position:center 5px;padding-top:15px} .one_half{width:35%;margin-bottom:20px;float:left;text-align:left} .one_third{width:4%;margin-bottom:20px;float:left;margin-left:20%;text-align:left} .one_mail{width:20%;margin-bottom:20px;float:left;text-align:left} .column-last{margin-right:0!important;clear:right} /* END LAYOUT */