IE7 – dropdown menu shifting problme

[nitzanb]

Hi.

I’m working on a theme that is right-to-left and have a bit of a problem.
I’ve installed the plug in, edited the custom css and everything looks grate in Ie8, Firefox 3+ and chrom.
But – Ie7 really screws things up there and instead of the drop down menu will be pinned – top-right corner to bottom-right corner of its father it goes something like – top-right to bottom left – which is a mess.

the link is here: http://yoga.simpleit.co.il

and any help will be appreciated.
thanks.

[jamiet757]

no way

[Anonymous]

hi,

i have the same problem at http://www.bioclean.co.il/bio
has any of you figured out how to solve it?

[imported_Ryan]

Interesting. I hadn’t thought of this being a problem before.

I assume this problem is related to how IE7 does not behave correctly when text-align:right is applied to content which is manipulated using auto positioning.

I don’t have time to fix this right now sorry, but if one of you signs up for premium support I’m happy to post the solution back here for everyone else to read if you like.

If someone wants to have a crack at finding a fix, my suggestion would be to apply relative positioning to the parent list item and use left:0 instead of left:auto to position the dropdown into place. This [b:3agvx0l4]should[/b:3agvx0l4] fix it I think, but I’m not certain.

This is a known bug in IE7 and for whatever reason it didn’t occur me to cater for it when developing the CSS generator. I guess since the CSS generator doesn’t allow for right aligned text it never showed up during testing and it wouldn’t have occurred to me that some languages use right to left text. Sorry about that.

[jamiet757]

Nevermind, all you want is money, I am not going to sign up for premium support just to get an answer to a bug that is in your product. I will find something else.

It is ridiculous that all you do is try to get people to buy your premium support. Forget about me buying it.

[Anonymous]

unfortunately  that breaks chrome…
and what are you so upset about? he does need to make a living.

(and unfortunately i dont have enogh budget is this project to buy the premium support, sorry  ” title=”Roll Eyes” /> )

[Anonymous]

fixed it.
you need to make a comment css hack for ie 7 and lower which changed the inner ul to position: relative; left: 0px; up: 0px;

hope it helps

[imported_Ryan]

"jamiet757" wrote:

Nevermind, all you want is money, I am not going to sign up for premium support

In that case I don’t want your money. Go find someone else who spends hours per day helping people for free to give you assistance.

"jamiet757" wrote:

just to get an answer to a bug that is in your product.

What bug are you referring to? The code issue outlined above is not a bug, it’s intentional. I prefer to use left:auto and since the CSS generator does not support anything but left aligned text then it isn’t a problem. Except that some people prefer to hack the CSS which causes problems like this. I should have taken that into account when building it but it never occurred to me that people wouldn’t know how to fix it. I’m certainly not going to bust my butt altering something so that it works differently. The changes will come when I have the time, which is not right now because some arrogant little muppet feels the need to criticise someone for not offering [b:39eqmsu9]enough free support[/b:39eqmsu9].

Pretty much every single question in here has nothing to do with any bugs whatsoever. It’s not my fault if people don’t understand CSS well enough. I created a CSS generator to [b:39eqmsu9]reduce[/b:39eqmsu9] the amount of support I need to give, if the CSS generator can’t do the occasional thing then users will either need to pay for support or fix it themselves. There was no CSS generator available when I learned these things and you certainly wouldn’t have heard me whining about it, I just engaged my brain and figured it out for myself. I suggest you do the same yourself, it’s really not that hard.

[imported_Ryan]

"or" wrote:

you need to make a comment css hack for ie 7 and lower which changed the inner ul to position: relative; left: 0px; up: 0px;

Thanks for reporting back about that.

I suspect your problem is actually related to not applying relative or absolute positioning properly to force it to display in the correct position.

[Author]

Posts