HTML & CSS
I am using an accordion style navigation bar for my site.
My problem is that in IE7, if you click on several of the accordion tabs that unfold, one after another (as though one was browsing through the menu) then the bottom part of the menu becomes very juddery.
I am able to reproduce this on my machine in IE7 by clicking on "People", "Research" and "Curriculum"
This problem still exists, but is hardly noticeable in IE8 and (to the best of my knowledge) doesn't exist in Firefox.
Can anyone give me a clue as to why this is happening and how I could fix it? I am pulling my hair out here.
I'm really sorry that I cannot ask a more exact question. If you would like me to post any code, then please just ask.
I would also be grateful if anyone could confirm that they too are experiencing this problem while using the menu.
Thanks very much.
Yes I can reproduce the issue.
Thanks for the reply.
My biggest problem is not actually having a question to ask apart from "My menu doesn't work. Help".
Thanks anyway though.
Firefox is a tad slow with the menu but IE is more noticable.
In all honesty I don't think you will get any answers in the CSS forum :).
Can you direct me to the previous thread in the JS forum? I want to see who gave you that advice lol
After two days of pulling my site apart bit by bit I have finally fixed the issue.
It was being caused by the background image on the page and presumably the way it was getting resized.
I have since amended it and now the navigation works perfectly (also when resized).
The thread you ask for is here:
Oh, and the finished site is here: http://www.rub.de/igsn
Background images don't get resized but that can't be it. But I'm glad everything is sorted
Yeah, sorry, that's what I meant. Maybe I should have written "the way it's not getting resized".
Interestingly using the following technique (as demonstrated here by Stu Nicholls) alleviated the problem in Firefox, but not in IE: