Thanks BobRay,
I’ve fixed alot of the errors and added Sharkbait’s code where you recommended, but still no luck.
Also, how do I fix the navigation for ie7 and below?
Quote from: kittie at May 22, 2009, 11:12 PM
Thanks BobRay,
Also, how do I fix the navigation for ie7 and below?
If only IE7 had Firebug. :’(
I should mention that you now have no drop-downs at all in IE7. You might try adding a width to the other a elements or adding an a.hide with a width statment. Someone better at CSS than I am can almost certainly give you a better answer.
I’m not sure if it will help or hurt, but you’re welcome to take a look at the site in my sig, which has a similar menu (only with flyouts added). I did it a long time ago and it has two separate CSS files for the menu (one for lte IE).
http://bobsguides.com/assets/templates/wayfinder/dropdown.css
http://bobsguides.com/assets/templates/wayfinder/dropdown_ie.css
Hope this helps.
Thanks BobRay, I’ll create a separate stylesheet for ie.
I’m still having trouble with the vertical centering however, I’ve added the code to what I believe to be the non-hover state of the dropdown but it hasn’t worked.
-
☆ A M B ☆
- 2,213 Posts
line-height: ____; Then plug the height of the menu element into the height and it will center things for you, granted if you have a second menu line then you will run into issues in which case you could try using padding to overcome the issue.
I will look through your code tomorrow and see if I can shed some light on the problem.
AMDbuilder
Hi,
I’m still struggling to get this working. As soon as I add display: table-cell; to the stylesheet it destroys the menu in IE. Any suggestions?
Christina
Does anyone know how I can achieve this, I’m not sure how I can use the three required divs with the wayfinder css.
