How to make footer image on maximum width?

admin@topdealscenter.com · #1 02-04-2010, 06:27 PM

Hello guys and thanks for entering.
My website is http://www.topdealscenter.com/
The footer image I made is http://www.topdealscenter.com/footer.png

I have edited /customer/bottom.tpl :

Code:

      <td class="footer"><img src="/footer.png"></td>

But it seems the footer table is limited to the store widths and can't exceed it..
What I want to do it stick it to the page sides and bottom like this:

http://i49.tinypic.com/2uyq0x0.gif

How can I do it? maybe by doing it with include footer.php ?
The template is original from Xcart. If you have any ideas I will appreciate your help!

cflsystems · #2 02-04-2010, 07:21 PM

Try with making height for the body 100%, make footer with absolute positioning and bottom 0 (they are in main.css or altskin.css)

body { height: 100%}
#footer { position: absolute; bottom: 0 }

You may need to change other elements styles as well

cflsystems · #3 02-04-2010, 07:24 PM

Here is your problem - your footer is 74px height but the image is 50px height. Change the footer height to 50px. Thats all you have to do

cflsystems · #4 02-04-2010, 07:25 PM

Well also change the #content-container { bottom-padding } to 50px

admin@topdealscenter.com · #5 02-05-2010, 08:18 AM

I did all of what you said and it is still not working..
I don't think it has connection to height.. its about the width..
any suggestions?

Thanks for the try

admin@topdealscenter.com · #6 02-05-2010, 05:25 PM

anyone?

cflsystems · #7 02-05-2010, 07:06 PM

take the footer out of the container with fixed width, that will make it fluid

admin@topdealscenter.com · #8 02-06-2010, 03:50 PM

I managed to make it by editing /customer/home.tpl end:

Code:

<img src="/footer.png" width="100%">
</body>
</html>

But there is hugh space between the footer and the shop..
how can I minimize the size of it? It somewhere in css padding, isn't it?
Anyone can please assist? thanks a lot guys

http://i46.tinypic.com/243f0gl.gif

cflsystems · #9 02-07-2010, 05:59 AM

If the footer is aligned at the bottom of the browser window at all times then there is no way you can get rid of that gap - it depends on the contents in the middle section - less contents bigger gap and with bigger screen sizes the gap will get even bigger