Forum Moderators: not2easy

Message Too Old, No Replies

IE7 ate my menus!

dropdown menus are blank

         

yellowbeetle

8:52 pm on Nov 7, 2006 (gmt 0)

10+ Year Member



Howdy -
I have CSS/javascript dropdown menus. All is well in IE6, Firefox, Safari.

The menu's nested <ul> uses javascript to toggle CSS
visibility:hidden
to
visibility:visible
onMouseover
and back to :hidden onMouseout.

The background color and border of the dropped down list appears onMouseover in IE7, but no text. Where'd they go? Do I need to take the next train to Hacksville? Is this method fixable for IE7 or do I toss it out and do suckerfish or some such?

If it helps: DOCTYPE is HTML4 strict.

Thanks very much for any ideas...

~yellowbeetle

balam

9:10 pm on Nov 7, 2006 (gmt 0)

10+ Year Member



Does this thread [webmasterworld.com] help? Sounds like a similar/the same problem...

SuzyUK

9:53 pm on Nov 7, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



that thread should hopefully help yellowbeetle - your menu's symptom is what's term "sticky ghosts" is referring to ;)

>>should I go to suckerfish

You can but unfortunately the symptoms can occur with whatever method you use to toggle the display/visibility, javascript, suckerfish, :hover. It's likely not the script it's how the rest of the CSS code is written - and it should be able to be fixed with CSS alone.

If you're still stuck, just post the basic CSS code for your menu.

yellowbeetle

3:04 pm on Nov 8, 2006 (gmt 0)

10+ Year Member



Howdy -
thanks for pointing out that thread.

After reading through it - and reading up on hasLayout a bit - here's what worked.

• Set temporary borders for everything to show element edges

• Added "display:block" to CSS for navmenu a
(I guess this caused it to gain layout? Still don't quite understand why it went kerflooey. If it had no layout for the text, why was the background still there?)

• Commented out CSS for submenu li and re-added attributes one by one until it broke on "text-indent".

Many thanks for everyone's help--
beep!
~yellowbeetle