This one is driving me a bit crazy. I cannot find what's causing an extra gap along the top of the body. The style.css has the body margin and padding set to 0, I cannot find any conflicting setting in the layout.css. The problem exists in both the fluid and fixed version and across IE 6, FF2, Safari and Opera on a Mac. If I set my top margin to a negative number, I can get it to creep up, but have not been able to find any other way. Has anyone else had this trouble? I thought maybe it was the #page style and then double checked it, it's has to be some body issue. Not sure if it's a bug or I am losing my mind, so for now I'll submit it as a support request.

Comments

erikhanson’s picture

erikhanson commented
Version: 5.x-1.x-dev » 5.x-0.6

I originally posted this as a 5.x-1.x dev issue, sorry the correct version is 0.6

erikhanson’s picture

erikhanson commented

Welp. I found the culprit. Not sure why I couldn't find it before. I think maybe I was looking at it to long.

It was the #logo-title style that was extending it's margin 10px over the body margin. Not too cool if you're using a bg image for the body bg.

Anyway, everyone codes differerntly and uses CSS differently, but this is not the approach I would have taken to get this effect. Certainly I would and am going to break the navigation out from the #header that it's wrapped in. It's just my preference when it comes to CSS, I like things more modular within the wrapping ID (in Zen's case, the page ID). The original author I'm sure had his reason for his approach. No calling it bad, just different than mine.

The moral of the story: If you want the extra 10px margin gone from the top of your Zen theme, look no further than the #logo-title style in style.css, then you'll have to decide for yourself how to handle the search box riding the top of your page. : )

erikhanson’s picture

erikhanson commented
Status: Active » Closed (fixed)

Changing the status to closed.