| ||||||||||
![]() |
Shopping cart software Solutions for online shops and malls | |||||||||
![]() |
![]() |
|
X-Cart Home | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
How to make footer image on maximum width? | |||
![]() |
|
|
Thread Tools | Search this Thread |
#1
|
|||||||
|
|||||||
![]() 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:
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! ![]()
__________________
4.3.1 |
|||||||
#2
|
|||||||||
|
|||||||||
![]() 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
__________________
Steve Stoyanov CFLSystems.com Web Development |
|||||||||
#3
|
|||||||||
|
|||||||||
![]() 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
__________________
Steve Stoyanov CFLSystems.com Web Development |
|||||||||
#4
|
|||||||||
|
|||||||||
![]() Well also change the #content-container { bottom-padding } to 50px
__________________
Steve Stoyanov CFLSystems.com Web Development |
|||||||||
#5
|
|||||||
|
|||||||
![]() 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
__________________
4.3.1 |
|||||||
#6
|
|||||||
|
|||||||
![]() anyone?
![]()
__________________
4.3.1 |
|||||||
#7
|
|||||||||
|
|||||||||
![]() take the footer out of the container with fixed width, that will make it fluid
__________________
Steve Stoyanov CFLSystems.com Web Development |
|||||||||
#8
|
|||||||
|
|||||||
![]() I managed to make it by editing /customer/home.tpl end:
Code:
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
__________________
4.3.1 |
|||||||
#9
|
|||||||||
|
|||||||||
![]() 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
__________________
Steve Stoyanov CFLSystems.com Web Development |
|||||||||
![]() |
|
Thread Tools | Search this Thread |
|
|
|
|||
X-Cart forums © 2001-2020
|