| ||||||||||
![]() |
Shopping cart software Solutions for online shops and malls | |||||||||
![]() |
![]() |
|
X-Cart Home | ![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
Light Lucid 3 columb centre? | |||
![]() |
|
|
Thread Tools | Search this Thread |
#1
|
|||||||||
|
|||||||||
![]() Ok Have I missed something, I want 3 column to be centred, I have set it to 960px, (That's fine but it's staying to the left side).. whats controlling in css the overall position . Is it better to wrap the whole template?
__________________
Thank You - Alan Don't be like me, and keep saying "Nearly did it" go do it!! Version: 4.4.4 Gold - |
|||||||||
#2
|
|||||||||
|
|||||||||
![]() Also need to apply
margin: 0 auto;
__________________
Steve Stoyanov CFLSystems.com Web Development |
|||||||||
#3
|
|||||||||
|
|||||||||
![]() sorry mods please delete
__________________
Thank You - Alan Don't be like me, and keep saying "Nearly did it" go do it!! Version: 4.4.4 Gold - |
|||||||||
#4
|
|||||||||
|
|||||||||
![]() Sorry please delete
__________________
Thank You - Alan Don't be like me, and keep saying "Nearly did it" go do it!! Version: 4.4.4 Gold - |
|||||||||
#5
|
|||||||||
|
|||||||||
![]() Sorry please delete
__________________
Thank You - Alan Don't be like me, and keep saying "Nearly did it" go do it!! Version: 4.4.4 Gold - |
|||||||||
#6
|
|||||||||
|
|||||||||
![]() Sorry to confuse anyone Here I found final edits are OK, but not check it in all browsers, I have checked it in IE7 and latest Firefox.....
/* page container */ #page-container { min-height: 100%; position: relative; width:960px; margin:0 auto; (This is added not edited) } /* page layout */ #content-container { clear: both; float: left; overflow: hidden; position: relative; width: 960px; padding-bottom: 39px; margin-top: 140px; } #content-container2 { float: left; position: relative; right: 100%; width: 200%; } #center { float: left; position: relative; width: 50%; left: 50%; } #left-bar { float: left; position: relative; width: 160px; margin-left: 7px; } #right-bar { float: right; right: 7px; position: relative; width: 160px; } #center-main { margin: 0px 187px 0px 187px; position: relative; overflow: hidden; } #header { height: 140px; position: absolute !important; top: 0px; left: 0px; width: 960px; } #footer { height: 39px; width: 960px; position: absolute !important; bottom: 0; overflow: hidden; float: left; } AND ALSO I FOUND I STILL HAD TO EDIT THIS BECAUSE OF QUICK CART CHECKOUT PAGES: /* Checkout page : tabs */ div.flc-tabs-container { position: relative; text-align: right; height: 60px; } div.flc-tabs { position: absolute; right: 0; top: 0; } ul.flc-progress-bar { list-style-type: none; margin: 0; padding: 0; } ul.flc-progress-bar li { float: left; height: 60px; width: 145px; padding: 0px; margin: 0px; text-align: center; } Obviously this is for 960px (Centred) up to you what size you choose) I Have not fully tested all areas I hope it helps people, and just for the record I am self taut and no expect, but I do read a lot about css, if I cannot get any help here from people that may have tried it already....
__________________
Thank You - Alan Don't be like me, and keep saying "Nearly did it" go do it!! Version: 4.4.4 Gold - |
|||||||||
|
|||
X-Cart forums © 2001-2020
|