IE7 is messing up with me..

[Vermaas]

Hi all,

I’ve got two tiny issues in IE7, but I can’t figure out why those issues are there.. The first one is a menu issue. The submenu won’t show over(!) the slider. That’s strange, because the submenu is positioned absolute and the slider is relative positioned with a z-index of 1 and the submenu has a z-index of 9999…

Any suggestion on this?

The second issue is also a strange one. It’s IE7 that seems to cut of the headings without any logic (to me). You can see this issue on all the headings and the menu issue on the follow link: link

Hopefully you guys can help me out!

Stefan

[timmey]

the problem for your headline seems to be the

body {

line-height: 18px;

}

if you deactive it, the headline is shown correct. maybe you should check this.

[Vermaas]

@timmey: oef.. you seem to be right! Stupid mistake. Not sure how you turned the line-height in IE, some kinda tool? Thanks anyway, because this fixed my problem! Well the second.

Any thoughts on the first issue?

[Senff]

In some cases, IE7 misinterprets positioned elements. I don’t know the exact specifics, but in those cases it often helped to have the elements that need to be on top (the menu in this case), come AFTER the one that needs to be overlapped (the slider in this case) in the HTML markup.

If your whole menu is positioned absolute (relative to the body, or main container), then moving it around a bit in the code shouldn’t move it on your site, so you might want to place the code under the slider code.

[Vermaas]

@Senff: Thanks for pointing that out, but i’m not going to mess with the order of the HTML, because it needs to be semantic and logical (for seo) and that would mess everything up.

But you did gave me a nice clue and it’s solved. I’d used this piece of code:

* {

position: relative;

}

And that piece of code messed up the position: absolute; But it’s still strange because, i’ve used this menu very often (kinda snippet to me) and in other website’s it did work out.. Hmm i’m going to think this over, because there’s no logic in it…

Just struggling with a last and final issue; The white background of the png in IE7.. I’ve uploaded the photo a couple times now and in other browsers it works fine (also in IE9), but i can’t figure out why this is happening.

@Senff: thanks for the insight!

[Senff]

In fact, some say that putting the header after the content in the code is actually better for SEO, since search engines will then stumble upon the relevant content first and then the (not so relevant) header, when they spider the site.

I personally wouldn’t make every element in the site positioned relative, but if that works for you, then good! :)

[Vermaas]

@Senff: I know some people say this, but in my opinion it’s a kinda Black Hat Seo and if Google finds out, you’re doomed :) (no sources).

And the position relative was there because it makes IE6 crash (a). You got any idea about the image issue?

[Author]

Posts