[SOLVED] IE7 issues (Firefox good)

Velma · #1 Jan 8, 2010, 08:54 PM

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

kleinsasser.eu · #2 Jan 9, 2010, 01:07 AM

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

Velma · #3 Jan 9, 2010, 04:34 PM

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.

juggledad · #4 Jan 10, 2010, 06:16 AM

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

HTML Code:

<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

kleinsasser.eu · #5 Jan 10, 2010, 06:36 AM

Wow ---- Eagle Eye

I did not see it.

Velma · #6 Jan 10, 2010, 08:50 AM

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

Code:

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

Logo Area Styling (to create space above white):

Code:

height: 30px;

Horizontal Bar 1:

Code:

height: 10px;
background: #FFFFFF;

Horizontal Bar 2:

Code:

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.