Layout Question Via CSS

[knuckle-101]

Usually do not post for layout questions but this has got me really twisted.

I am working on this theme bought by a customer who purchased elsewhere but for the life of me cannot figure out what controls the center section to widen it.

If anyone can see something I dont please reply with an answer, your help will be greatly appreciated.

I have attached the css file along with the temp address for visual view

I already edited the main line to widen the look but the middle likes to stay left, I am sure it is a float command but not sure which one and tried everything I know or read about to chnage it to make it recenter.

here is the address to see it Web Address

Thanks in advance

[Kim]

Argh... a Template Monster template. Having seen their code I would bet it is hardcoded somewhere.

[knuckle-101]

Is that where he purchased it?

Figures, guess screwed with a tatoo?

[jettrue]

WOW, what a mess...

but it looks like you need to mess around with the stuff at the bottom. Between these two sections of code, I was able to kind of get widths to change:

/*size*/
.s1{ width:14px;}
.s2{ width:700px;}
.s4{ width:700px; background:#FFFFFF}
.s5{ width:533px; height:84px}
.s6{ width:167px; padding-top:20px; color:#000000; font-weight:bold;}
.s7{ margin-bottom:7px;}
.s9{ width:324px;}
.s10{ width:700px; background:#FFFFFF;}
.s13{background:url(../images/bgr_green.jpg) top repeat-x; width:185px; float:left;}
.s14{background:url(../images/bgr_yell.jpg) top repeat-x; height:185px; width:185px; float:left; }
.s15{ width:100%; height:3px; background:#FFFFFF;}


/*content*/
.left1{ width:185px;}
.sp{ width:3px;}
.center{ width:324px;}
.right1{ width:185px;}

/*content_center*/
.hed_black{ width:324px; height:25px; background:#000000; color:#FFFFFF; font-size:12px; font-weight:bold; text-transform:uppercase;}

If you plan on getting through this, I highly suggest using Firefox and its' Web Developer extension. Between using the edit css, view css, and view style information function, I was able to get things to change at least a little, and was able to determine that the sites main width is 700px, and the center is 324px.

I do not envy the task ahead of you!

[knuckle-101]

I disabled templates folder and all other folders that come with it except sideboxes, common, images, css, css_ie folders thought maybe i try each one to see if any difference not reacted

I am using firefox along with style Studio 3.8.

However I am still new to the css system of zencart, not much I can do for now.

[jettrue]

However I am still new to the css system of zencart, not much I can do for now.

Well, the mess of that template has nothing to do with zencart's design or css system itself... its been hacked beyond all recongnition!

[knuckle-101]

Yes, I noticed that, but I have searched all the folders it came with for hardcoding only a few but nothing to do with center content.

So maybe it is somehting simple keeping it left, I thought possible it wa s a float comment

[kuroi]

Oh, your poor browser. It's probably very confused. A contributor to your problem and probably the root cause is a that you have two DIVs, one nested inside the other, both with class "s2". Unfortunately s2 has a width (700px) and since the inner DIV is not alone in there, the total width of the contents of the outer div must be strictly greater than the assigned 700px, whilst the outer DIV iteself must be no more than 700px. This is clearly impossible and its no surprise therefore that the layout breaks.

[kuroi]

I am still new to the css system of zencart

I agree with jettrue. Lift the hood and this looks nothing like a Zen Cart, it's been hacked to within an inch of its life (maybe even beyond). Personally, I'd start fresh with the current version of Zen Cart and rebuild the template from scratch.

[knuckle-101]

Wish I could But he just paid for the alignment and widening.

So guess I will go elesehwere and pay for a cheap service who can just align it and widen it thats all he asked for.

Thanks