Pagebar/Menubar gets misaligned in IE
-
Hi there,
Whilst playing around with CSS have had a couple of problems with compatibility across browsers – have resolved most but remaining one is that my menu bar across the top is now misaligned in IE (v7 and lower).
It now shows in a ‘stepped’ pattern and subsequently gets hidden behind the main content main.
Any help really appreciated!
Thanks
The blog I need help with is: (visible only to logged in users)
-
Since I don’t have IE to take a look with, can you take a screenshot and then upload it to your media library and post the link to it here?
-
-
You know, not having IE it is difficult for me to trace this down. I can get the same behavior in Firefox if I disable the list-style under #pagebar li so I don’t know if IE is failing to pick that up or what.
One thing to not is that IE6 is no longer actively supported at wordpress.com, or in wordpress core for that matter and IE7 will likely follow in the not to distant future.
One thing is that list-style is usually declared in UL rather than in LI such as below.
ul.menu { list-style: none outside none; }Try adding the above and removing the following.
#pagebar li { list-style: none outside none; } -
I see the logic, but unfortunately it doesnt work…
Thanks for your help, and any other thoughts you have would be greatly appreciated!
-
All I can suggest is contacting staff when they are back and see if one of them has IE and can look into it. IE is such a mess to deal with.
-
-
-
Just in case anyone comes across this one again,
http://css-tricks.com/501-prevent-menu-stepdown/
Resolved by:
li {
display:inline;
} -
- The topic ‘Pagebar/Menubar gets misaligned in IE’ is closed to new replies.
