#productinfoBody ??? WHAT???

[bigchili]

Alright, I'm just about to bang my head against the wall - Literally.

I've got this cool layout going. It's looking pretty cool, far from finished, but well on it's way.

You can see it here - http://www.thegametrade.com/store .

The black at the top and the red fade in the middle is the page background. Everything else is Transparent around the logo, so the background shows through.

Looks pretty good, a little more customizing, but not a bad start.

NOW - Click on either "Login" or "Accessories" The layout is all messed up. It's fine on the EZ Pages at the top, and all the "Other Information" pages.

Here's the weird thing. See like I said before, all the shading and gradients are the background. So when the whole background drops down like that, I just couldn't figure it out. So I right clicked in GOogle Chrome to inspect the element, and What do you know. I see where there is some CSS being brought in from the body tag some - #productinfoBody that is setting the background position to 50% on the X and the Y.... SO I'm like.. "Lets go get that sucker and fix it"... well I CAN'T FIND IT!!!

SO I thought.. Maybe it being generated with PHP... and it probably is .. but, I don't know how to fix it...

So this is where the WONDERFUL people of the Zen Forum come in.. Please... Save me... I think I'm about to cry!!!


Thanks in advance!!!

Big Chili

[kuroi]

When you look at the site via Chrome, what you are seeing is an interpretation of your CSS, rather than the literal contents of your stylesheet, which may be why you can't match what your seeing there to what you're giving it.

I think that you problem is most likely this

body {
color:#333;
font: 12px tahoma, sans-serif;
background-color:#300603;
margin:0 15px;
background-image:url(../images/body-bg.jpg);
background-repeat: no-repeat;
background-position: center;
}

I think you meant to put

body {
color:#333;
font: 12px tahoma, sans-serif;
background-color:#300603;
margin:0 15px;
background-image:url(../images/body-bg.jpg);
background-repeat: no-repeat;
background-position: top center;
}

Currently your background image is being centered vertically as well as horizontally, so on longer pages, it moves down.

[bigchili]

You sir - Are a genius. Thank you so much.

Now - just one more little problem...

Take another look at my site. See the menu bar with "home" and "login"? I want the whit "Main Body" below to but up right against that.

I figured it was in the stylesheet, the height of the "HeaderWrapper" and I was going to play around with that, but no luck...

Can you help me out.. one more time???

Thanks again!!!

Big Chili

[kuroi]

Wrong place. Take a look instead at the height of #sub-header in template_css.css. If you subtract that 14px top padding from the overall height, you'll get the effect that I think you're shooting for.

[bigchili]

Well, I'm sure it will work, you have never given me a wrong answer, except I can't find the Template_css.css file. I thought it was just a "Pseudo" for the template that I'm usings style sheet. But I don't have a "SubHeader" anywhere in there. I think I have searched the whole install for this .css file, but can't seem to find it.

bc

[kuroi]

LOL. In your 2nd post you posted the wrong link and I went to your existing site. I should have spotted that, but instead thought, wow he's making changes really quickly, and was then able to interpret your request in that context as there is also a gap there between the same two elements albeit difficult to see with two dark backgrounds against each other!

However on the site that you are actually working on, the solution is different. The gap is most likely because you have a BR tag between those two elements and that has it's own intrinsic height.

You can either remove the offending br tag (probably somewhere in your tpl_header.php template, or remove it's height by adding

#headerWrapper br {line-height:0}

to your stylesheet.

[bigchili]

Thank you so much... you rock... is there somwhere I can send a donation??? Seriously!!!

Thanks,
ALOT!!!

Big CHili

[kuroi]

I donate time in these forums in appreciation of what I get from Zen Cart, so if there's credit due (e.g. in the form of donations) it should go to the project.

Good luck with the site. You clearly "get" what can be done to customize the look of a Zen Cart so it will be interesting to see where you take it.

[schoolboy]

Thank you so much... you rock... is there somwhere I can send a donation??? Seriously!!!

Thanks,
ALOT!!!

Big CHili

I'm always happy to receive donations !

(Glad you go it sorted... and yes, Kuroi is a genius!)