How to make footer image on maximum width?
 

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 :

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!
8)

Re: How to make footer image on maximum width?
 

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

Re: How to make footer image on maximum width?
 

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

Re: How to make footer image on maximum width?
 

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

Re: How to make footer image on maximum width?
 

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

Re: How to make footer image on maximum width?
 

anyone? :|

Re: How to make footer image on maximum width?
 

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

Re: How to make footer image on maximum width?
 

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

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

Re: How to make footer image on maximum width?
 

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