Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] IE7 issues (Firefox good) (http://forum.bytesforall.com/showthread.php?t=5217)

Velma Jan 8, 2010 08:54 PM

[SOLVED] IE7 issues (Firefox good)
 
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 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 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 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 Jan 10, 2010 06:36 AM

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

Velma 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.

juggledad Jan 10, 2010 08:54 AM

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

Velma Jan 10, 2010 08:59 AM

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.

juggledad Jan 10, 2010 09:20 AM

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

Velma Jan 10, 2010 09:27 AM

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

juggledad Jan 10, 2010 09:41 AM

try this, change your "Configure Header Area" to this
HTML Code:

%logo %bar1 <?php show_media_header(); ?>%bar2
note: no space between '?>' and '%bar2'

Velma Jan 10, 2010 09:47 AM

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).


All times are GMT -6. The time now is 06:12 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.