[ 1 post ]

Ray Tsun-Jui Wen

YUI Contributor

  • Username: Ray Wen
  • Joined: Wed Feb 22, 2012 10:24 pm
  • Posts: 6
  • GitHub: raytjwen
  • Gists: raytjwen
  • IRC: Ray
  • Offline
  • Profile

Problem of MenuNav Node Plugin in IE7

Post Posted: Tue Jul 10, 2012 12:31 am
+0-
I want to make the sub menu be displayed horizontally.
This is the simple demo. http://jsfiddle.net/QNnnF/

2nd and 4th of root menu both have several sub menus.
And I want to make sub menus be displayed in only two rows.

So I try this HTML structure on sub menu.
Code:
<div id="ysports" class="yui3-menu">
   <ul class="first-of-type">
     <li class="yui3-menuitem">
       <a class="yui3-menuitem-content" href="?">NBA</a>
     </li>
     <li class="yui3-menuitem">
       <a class="yui3-menuitem-content" href="?">MLB</a>
     </li>
   </ul>
   <ul>...</ul>
 </div>

and style it like this.
Code:
#ysports ul{display:inline-block;*display:inline;zoom:1;}


It works just fine at all, but in IE7 strange thing happened.
Sub menus will be displayed correctly (2 rows and horizontally) only at the first time.
When next time I click the root menu, sub menus are displayed vertically (1 column).

I found that is due to the plugin write the width and height into inline-style of #ysports.
Under IE7, the width and height are not the correct value it should be.

Is there anything I can do to fix this problem?

Best regards,
Ray
  [ 1 post ]
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum