http://strategicsense.ca

For whatever reason, there's a line between the header image and the body that shows through of the background. It's not there in Firefox.

I have done two other sites the same way, and yet they are fine.

http://intheleadseat.com and http://pattidragland.com

I am using Dynamic Headers by Nicasio Design, on the first site and not on the others. That's the only difference, so I'm going to assume that's the cause of the line.

Does anyone have any suggestions to resolve that?

Thanks!

Velma

Hi

You should transfer your settings from the working site to the none working site as described in this topic
http://forum.bytesforall.com/showthread.php?t=278

Something must be different, but i dont see the difference in sitecode (to large )

Mike

These sites were created together, so the bulk of the settings are exactly the same. What I did to one site I did to all of them. The only difference is the Dynamic Headers.

They all look perfect in Firefox. The only one that doesn't look proper in IE7 is the one I mentioned.

How did you create your logo area? there is a space between the image and the horbar2 that is causing the issue

<img src="http://strategicsense.ca/wp-content/header-images/TITLE_BAR_TOP3.jpg" alt="TITLE_BAR_TOP3.jpg" title="TITLE_BAR_TOP3.jpg" /> <div class="horbar2">aa&nbsp;</div>

see the space in 'TITLE_BAR_TOP3.jpg" /> <div ' between the '>' and '<'? that is causing the line

Wow ---- Eagle Eye
I did not see it.

This is the code in the "Configure Header Area":

%logo %bar1 <?php show_media_header(); ?> %bar2

Logo Area Styling (to create space above white):

height: 30px;

Horizontal Bar 1:

height: 10px;
background: #FFFFFF;

Horizontal Bar 2:

height: 5px;
background: #ffffff;

Header Image Height is 130 (same as the images).

The only thing that I have done different, as shared earlier, is the dynamic headers.

That may be causing the issue. I could see putting a background of white behind the headers taking care of that, but I'm not sure where to do that. My best guess anyway.

But where did you put the TWO images in the logo area? Did you modify bfa_header_config.php?

By using the plugin you're supposed to create a folder under wp-content called header-images, and load your images in there.

Then in the Dynamic Header Settings you choose your Default Header and Blog Header (which I did). In page edit you can choose headers too.

then I would suspect that Dynamic header is adding the blank that is causing the error

I'll see what I can find out. Odd that it's picking up the Horizontal Bar styling.

try this, change your "Configure Header Area" to this

%logo %bar1 <?php show_media_header(); ?>%bar2

note: no space between '?>' and '%bar2'

That seemed to work. :-D

I hate IE. It doesn't allow the logo area to create a space above it...though that did get rid of the gap, which is the most important part.

Thanks for the help, JD (may I call you JD? LOL).