- Create Account

Dropdown menu margin issues with IE5.5/win?

Forums > Cascading Popup Menus: Feedback > Dropdown menu margin issues with IE5.5/win?
Author
Message

1) Adam Group: Guests
IP: 216.102.--.--
I've got a fairly standard horizontal menu setup. Using MIR (malarky image replacement) on the root elements and each root element is one menu deep (no submenus).

The  problem is extra margin-left padding on the dropdowns. No matter how I fuss with the CSS I can't seem to make IE5.5/win step into line. It's about 1em (with a body{ font-size: .8em }) too much on the left. Not having the webdev extension available in IE is making it hard to tack down the cause.

I've looked through a couple pages on the forum but haven't seen anybody with a problem like this. Any ideas?

2) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 203.45.--.--
I've never used that method of image replacement with the menus :).

Generally  speaking I think it would be quite sufficiently accessible to have <img src="whatever" alt="kittens!"> in your item text...? Especially given that the menu is JS-based so only more advanced screenreaders would be able to get to it...?

- Angus.

3) Adam Group: Guests
IP: 216.102.--.--
I'm not so much concerned about screen readers (although it's nice for crawlers) but more configurability. This particular site adjusts its layout depending on available browser width. So on small screens (pda, cell phone) it displays simple major text links but on larger displays the root items turn into images. Tricky.

Still fighting the IE5.5/win bug. I'll post if I figure it out.

Thanks for the reply, Angus.

-a

4) Angus Turnbull Group: Moderators
Posts: 4042 Joined: 7 Dec 2003 Location: New Zealand IP: 203.45.--.--
Ah, OK. Good luck!

- Angus.

5) Adam Group: Guests
IP: 216.102.--.--
Small update:

Using a conditional comment for IE5 ( <!--[if lt IE 6]> ) I set a rule for

.menulist  ul li {
  left: -1em;
}

which shoves the li in place. The menus are still not following my preset width rules and no amount of rules I throw at it are making a difference. It's as if the links have a white-space: nowrap; but I've even set white-space: normal; and they still don't listen. Jerks.

This makes me think that the width/no wraps are coming from something in the JS. I'll look into it later this week and will hopefully have an answer

Post a Reply:

You are not logged in, and will be posting anonymously as a guest. If you want to post using an account, please login at the top of this page.