Заголовок выше YUI MenuBar, без проблемы с прокруткой? - PullRequest
Новая
       22

Заголовок выше YUI MenuBar, без проблемы с прокруткой?

0 голосов
/ 24 февраля 2009

Кажется, что в панели меню YUI есть проблема с тем, что она находится ниже заголовка.

HTML: 

<body class="yui-skin-sam">
    <a id="headerStyle"><img href="/" src="/images/Header.jpg" alt="Home"/></a>
    <div id="menuPanel" style="padding:1px">

CSS: 

#headerStyle {
  position:relative;
  width:600px;
  height:100px;
}

Javascript: 

var oMenu = new YAHOO.widget.MenuBar("mymenu");
oMenu.addItems([
    {
        text: "Main",
        submenu: {
            id: "menu1",
            itemdata: [
               { text: "1" },
               { text: "2" },
               { text: "3" },
               { text: "4" },
               { text: "5" },
               { text: "6" },
               { text: "7" },
               { text: "8" }
    ]
        }
    }
]);
oMenu.render($("#menuPanel").get(0));
oMenu.show();

При первом щелчке строки меню отображается только 3 элемента с прокруткой. Проблема исчезает после первого клика.

Есть идеи?

1 Ответ

0 голосов
/ 24 февраля 2009

Задание свойства height в файле CSS, по-видимому, вызывает эту проблему. Простое удаление заставляет его работать как надо.

...