TABLE.Header

[emartla]

Hello.

My zen is v.1.3.5 and install fresh copy.
Between Banner and Top menu(right above navBreadCrumb), there is some gap.

In my understanding, it is called TABLE.header and could be adjusted by padding-bottom: 0px; as shown below at V.1.2.6.

/* copied from v1.2.6 */
TABLE.header {
padding-bottom: 0px;
}

but some how V.1.3.5 does not recognize TABLE.header.
Please take a time to look at this site http://www.emartla.com

Is anyone know how to fix this please?
Andy

[Sketchy]

That selector is obsolete as the table it once was assigned to, it won't work anymore.

Find in your tpl_header.php;

<br class="clearBoth">
<!--eof-branding display-->

<!--eof-header logo and navigation display-->

Delete the line in red, make sure you only delete that one above those two comment lines. There probably will be other slight ajustments to make after, but that'll let most of the air out.

[ideasgirl]

I have mentioned this before and I've tried that sketchy (even both) and doesn't work. Here's my post: Header Issue

[Sketchy]

The member's specific case at hand, is the typical problem in Explorer with that clearBoth tag. I've tried it on the above store front with IE7 and it's shoddy/wannabee developers bar, the best I could do is omit that tag using the DOM and the whitespace collapsed before my eyes.

I think you're talking of Explorer's stupid bug like the image below portrays, taken from a screenshot with IE... that line is not present in any other browsers, of course. I'm currently looking into a proper fix as it's holding back completion time for a client. I could rant for days about IE, to the point of insanity.

[ideasgirl]

Yes, that's one, but I handled to get rid of that one on FF. There's another one between the header/logo and EZPages bar (if not using categories tab), that I can't get rid of and it shows up in FF as well. This is holding my update to 1.3.5 I don't know if leave everything on 1.3.2 or go on with update.

[Sketchy]

See, that's the funny thing... in Firefox, all is well as it should be. But, those lame-o IE anti-compliance browsers are causing me distress.

In that picture of the design, the whitespace is located directly below an image and directly above a header inserted EZ page bar. It should blend as if the EZ page bar is part of the logo, which it does... except for crappy IE. I could probably do a negative fix for it, but it has to be of exact height as per the client's request. So, I have to figure out how to omit that whitespace without any drop in height for FF. It's making me hotter than hell itself.

I'm curious to know if you have a test store where your issue can be viewed. I should be tending to my whitespace issue, but I'm inquisitive to everyone's problems too.

[Sketchy]

Check your PM ~Problem Solved~

Now, back to my IE whitespace issue...

[emartla]

Thanks Sketchy, It works great.
There's a little gap still left but I guess could be fixed with padding commend.
Thank you very much.

[Sketchy]

You're welcome. I may tackle our Explorer issue more tonight, so if I have good news... I'll surely share it.