IE11-10 a in inline-block display strange behavior

[Kins]

Hello

I have a strange bug that i don’t understand.

http://www.kaiserinside.com/test

my primary menu is strange in IE11-10 (only, Edge, ff, chrome, IE9 = ok) like it is triggered in flex mode or a like if width are recalculate. It seems affecting only the links (a): like a flex box he divides the space and makes what he wants…

Really strange.

Can you help me?

Thanx.

EDIT: when we resize the window till a mediaqueries and we resize back, my css works… what magic is this? Oo

[Paulie_D]

Can you replicate this in a Codepen demo?

[Kins]

Sorry but it’s impossible, there is too much elements to replicate (it’s a theme child from a theme full of stuff).

For the menu it’s superfish menu and managed by the theme (udesign).

Can we proceed otherwise?

[Kins]

If i empty the cach of ie11 and apply, it’s the good aspect. But if i reload the page, it’s the same problem as described first.
It’s really strange.

[Kins]

Attention: I have put background colors on elements to see what’s the problem => here u have “span” in red; “”a” in yellow and the “ul” in purple…

= firefox+chrome and all the webbrowsers

There is ul with no width or max width => the element take the a width according to his span contant + span style (nothing there) + padding on a… The “li” take the width on it”s content too… perfect and normal way.

BUT

In ie10-11 (not ie 9 !!!!!!! not edge !!!!!!!!) => there is a calculation of width (idont know where that coming from) tottaly inacurate. There is new spaces in the “a” tag, after the text and span… and there is no trace in the dev tools!!!!!!! Oo.

BUT if i stay on the page and resize my window on the break point that activates mean menu and come back to the normal size:

No more problem!!!!!!!!!!!!!!! Oo

Strange, incredible but hard to correct for me.

[Author]

Posts