Joomla 1.5 Отображение меню в IE

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем mPod, 04.05.2009.

  1. Offline

    mPod Недавно здесь

    Регистрация:
    25.08.2008
    Сообщения:
    11
    Симпатии:
    0
    Пол:
    Мужской
    Здравствуйте.
    У меня такая вот проблема -
    имеется графическое меню (ExtendedMenu) в виде
    [разделитель][пункт][разделитель][пункт][разделитель][пункт][разделитель].

    В Лисе и Опере всё отображается замечательно:
    [​IMG]
    Но в Осле всё поехало
    [​IMG]
    Вот код меню уже сгенерированной страницы:
    Код (html):
    1. <!-- MENU PLACE -->
    2. <div id="menu_conteiner">
    3. <script type="text/javascript" language="JavaScript" src="http://localhost/www/Joomla/templates/belokamenka/menu/js/menu.js"></script>
    4.    <div class="menu-top">
    5.       <ul id="menulist_root-top" class="mainlevel-top" >
    6.          <li id="menuitem_1-top"><span class="mainlevel-top"><span></span></span></li>
    7.          <li id="menuitem_2-top"><a href="/www/Joomla/index.php?option=com_content&amp;view=article&amp;id=1&amp;Itemid=4&amp;lang=ru" class="mainlevel-top"><span>О КОМПАНИИ</span></a></li>
    8.          <li id="menuitem_3-top"><span class="mainlevel-top"><span></span></span></li>
    9.          <li id="menuitem_4-top"><a href="/www/Joomla/index.php?option=com_content&amp;view=article&amp;id=3&amp;Itemid=10&amp;lang=ru" class="mainlevel-top"><span>ЗАКАЗ</span></a></li>
    10.          <li id="menuitem_5-top"><span class="mainlevel-top"><span></span></span></li>
    11.          <li id="menuitem_6-top"><a href="/www/Joomla/index.php?option=com_content&amp;view=article&amp;id=2&amp;Itemid=11&amp;lang=ru" class="mainlevel-top"><span>КОНТАКТЫ</span></a></li>
    12.          <li id="menuitem_7-top"><span class="mainlevel-top"><span></span></span></li>
    13.       </ul>
    14.    </div>
    15. </div>
    16. <div id="menubar_shadow"></div>
    17. <!-- END MENU -->


    CSS:
    Код (CODE):
    1. /*----------------------------------------------*/
    2. #menu_conteiner
    3. {
    4.     margin: 0px;
    5.     padding: 0px;
    6.     height: 63px;
    7.     width: 1100px;
    8. }
    9.  
    10. #menubar_shadow
    11. {
    12.     display:block;
    13.     margin: 0px;
    14.     padding: 0px;
    15.     width: 1100px;
    16.     background: #9a82c6  url(../images/bottom_menu.jpg) no-repeat;
    17.     height: 19px;
    18. }
    19.  
    20. ul.mainlevel-top li a span
    21. {
    22.     display:none;
    23. }
    24.  
    25. ul.mainlevel-top li#menuitem_1-top
    26. {
    27.     height: 44px;
    28.     border: 0px;
    29.     width: 226px;
    30.     background: url(../images/menu_left.jpg) no-repeat;
    31.     display: block;
    32.     left:0px;
    33.    
    34. }
    35.  
    36. ul.mainlevel-top li#menuitem_2-top a
    37. {
    38.     height: 44px;
    39.     border: 0px;
    40.     width: 174px;
    41.     background: url(../images/btn_about.jpg) no-repeat;
    42.     display: block;
    43. }
    44.  
    45. ul.mainlevel-top li#menuitem_2-top a#active_menu-top
    46. {
    47.     height: 44px;
    48.     border: 0px;
    49.     width: 174px;
    50.     background: url(../images/act_btn_about.jpg) no-repeat;
    51.     display: block;
    52. }
    53.  
    54. ul.mainlevel-top li#menuitem_3-top
    55. {
    56.     height: 44px;
    57.     border: 0px;
    58.     width: 64px;
    59.     background: url(../images/sep_left.jpg) no-repeat;
    60.     display: block;
    61. }
    62.  
    63. ul.mainlevel-top li#menuitem_4-top a#active_menu-top
    64. {
    65.     height: 44px;
    66.     border: 0px;
    67.     width: 160px;
    68.     background: url(../images/act_btn_product.jpg) no-repeat;
    69.     display: block;
    70. }
    71.  
    72. ul.mainlevel-top li#menuitem_4-top a
    73. {
    74.     height: 44px;
    75.     border: 0px;
    76.     width: 160px;
    77.     background: url(../images/btn_product.jpg) no-repeat;
    78.     display: block;
    79. }
    80.  
    81. ul.mainlevel-top li#menuitem_5-top
    82. {
    83.     height: 44px;
    84.     border: 0px;
    85.     width: 68px;
    86.     background: url(../images/sep_right.jpg) no-repeat;
    87.     display: block;
    88. }
    89.  
    90. ul.mainlevel-top li#menuitem_6-top a
    91. {
    92.     height: 44px;
    93.     border: 0px;
    94.     width: 148px;
    95.     background: url(../images/btn_contact.jpg) no-repeat;
    96.     display: block;
    97. }
    98.  
    99. ul.mainlevel-top li#menuitem_6-top a#active_menu-top
    100. {
    101.     height: 44px;
    102.     border: 0px;
    103.     width: 148px;
    104.     background: url(../images/act_btn_contact.jpg) no-repeat;
    105.     display: block;
    106. }
    107.  
    108. ul.mainlevel-top li#menuitem_7-top
    109. {
    110.     height: 44px;
    111.     border: 0px;
    112.     width: 260px;
    113.     background: url(../images/menu_right.jpg) no-repeat;
    114.     display: block;
    115. }


    В чём же может быть проблема? Ведь до второго разделителя всё нормально =O
    ------------------------
    Поплясал с бубном, поставил для видимости бордер на <a>
    [​IMG]
    остаётся убрать эти отступы... но как?... пошёл пока что шаматить дальше....
     
    Последнее редактирование: 04.05.2009
  2.  
  3. Offline

    mPod Недавно здесь

    Регистрация:
    25.08.2008
    Сообщения:
    11
    Симпатии:
    0
    Пол:
    Мужской
    Проблему решил.
    В IE конфликтовали правила CSS. Мои, прописанные графические кнопки, с объявленными по дефолту самого EM

    Бубен - это сила :D
     

Поделиться этой страницей

Загрузка...