Header Logo shifts right in IE7

<img src="https://www.mickeyraysbbq.com/wp-content/uploads/2012/02/Header-copy.png" alt="MickeyRay's BBQ – Eagle and Boise"></img></a>

Drop the </img> and it should be ok.

Thanks for the quick response. Where do I find that code in my site? Is it in one of the php scripts?

Looks like you have found the file to apply the fix, is this resolved?

No…I havent found the file where the line of code lives. Where do I make the change that kmessinger suggested?

Since it is a commercial theme you might have better luck at https://themekraft.com/

The code was built by the theme where you add your header image.

Okay…I’ll give that a shot. There’s nothing in the header.php that refers to the header image. Your solution makes sense. I just can’t find that line of code.

Thanks for the help!

Hi Kvidguy,

The image tag is fine – It will be the css – IE 7 can not handle it. (no offense but it’s a bit of a mess)

In the head of your page you have style tags which contain everything you will need to change.

1. find the #header div and change padding-top from 25px to 10px (and I would remove the background image from it if I were you)

2.Then find #logo div and remove position: absolute;

3. Then find #access and remove all margin-top values (or set them to 0).

That should now display nicely in all browsers.

If you need any help let me know.

Lee.

PS. The css is a bit of a mess but the site in general is great. (and yes I am hungry now)

The image tag is fine

Hmmm . . . In HTML the <img> tag has no end tag. https://www.w3schools.com/tags/tag_img.asp

This source is HTML 4.0 strict AFAIK.

are we looking at the same site? – it’s got an html 5 doc type.

I am aware of how an img tag should end. But if an old school img tag was going to work anywhere it would be IE7, not break.

I’m certain it’s down to the css set up. I see it everyday. That’s what I do for a living – fix html and css. IE7 does’nt play ball with absolute positioned elements and margins.

it’s got an html 5 doc type

You are right about the doc type . . . and the img tag won’t validate.

I took the tag off and checked the site in IE7 and it looked ok. That is why I suggested that approach. Then I saw it was a commercial theme and did what we normally do, referred him to the developer’s for support he has all ready paid for.

I’m certain it’s down to the css set up.

Sounds good to me. :^) I can guarantee you know more about css than I do!

I fully agree that the end image tag is dirty code and needs removing.

If it is that causing the problem I’ll stand corrected, it’s not out of the realms of possibility. I just have personally never come across that exact problem before.

@kvidguy If you want a very quick fix (although I would recommend all the css changes I list above) you could probably just find the #logo div css declaration and amend it to…

#logo {position: absolute; left: 0;}

The addition of ‘left: 0’ might be enough to fix it.

“IE7 is the vein of my life”