проблема с маркерами в IE7 у левого меню сайта

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

  1. Offline

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

    Регистрация:
    08.09.2009
    Сообщения:
    20
    Симпатии:
    0
    Пол:
    Мужской
    сайт сейчас находится здесь(ссылка на страницу где сразу видно косяк): http://test.wstudia.ru/index.php/200912059/2009-12-05-18-18-06.html

    вобщем когда вложенных пунктов не видно маркеры стоят там где нужно.
    а когда меню открывается в IE7 маркер у родителя съезжает.

    вот html код меню:

    Код (CODE):
    1. <div class="moduletable">
    2.     <h3>Услуги</h3>
    3.     <ul class="menu" id="leftmenu">
    4.         <li id="current" class="parent active item39">
    5.             <span>Аудит</span>
    6.             <ul>
    7.                 <li class="item40">
    8.                     <a href="/index.php/2010011816/2010-01-18-18-25-29.html">
    9.                         <span>Инвентаризация</span>
    10.                     </a>
    11.                 </li>
    12.                 <li class="item41">
    13.                     <a href="/index.php/2010011818/2010-01-18-18-27-04.html">
    14.                         <span>Восстановление бухгалтерского учета</span>
    15.                     </a>
    16.                 </li>
    17.                 <li class="item42">
    18.                     <a href="/index.php/2010011817/2010-01-18-18-26-11.html">
    19.                         <span>Ведение бухгалтерского учета</span>
    20.                     </a>
    21.                 </li>
    22.             </ul>
    23.         </li>
    24.         <li class="parent item43">
    25.             <a href="/index.php/2009120510/2009-12-05-18-18-35.html">
    26.                 <span>Консалтинг</span>
    27.             </a>
    28.         </li>
    29.         <li class="parent item46">
    30.             <a href="/index.php/2009120511/2009-12-05-18-19-03.html">
    31.                 <span>Семинары</span>
    32.             </a>
    33.         </li>
    34.         <li class="item51">
    35.             <a href="/index.php/2009120512/2009-12-05-18-19-38.html">
    36.                 <span>Обучение</span>
    37.             </a>
    38.         </li>
    39.     </ul>
    40. </div>


    вот css стиль для меню:

    Код (CODE):
    1. #leftmenu
    2. {
    3.   height: 200px;
    4.   list-style-image:url(../images/bullit.gif);
    5. }
    6.  
    7. #leftmenu li
    8. {
    9.   width:130px;
    10.   height:auto;
    11.   min-height: 10px;
    12.   margin-bottom: 10px;
    13.   margin-left: 25px;
    14.  
    15. }
    16.  
    17. #leftmenu li ul {
    18.   display:block;
    19.   position:relative;
    20.   left:-11px;
    21. }
    22.  
    23. .head0
    24. {
    25.   height: 131px;
    26.   width: 240px;
    27.  
    28.   position:relative;
    29.   float:left;
    30. }


    подскажите пожалуйста что надо поправить чтобы маркер не съезжал.
     
  2.  
  3. Offline

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

    Регистрация:
    08.09.2009
    Сообщения:
    20
    Симпатии:
    0
    Пол:
    Мужской
    все проблему решил задав маркеры как бэкгроунд

    вот новый стиль для IE7 (может кому пригодится):

    Код (CODE):
    1. #leftmenu
    2. {
    3.   height: 200px;
    4.   list-style-image:none; /* убирает маркеры заданные в другом css файле для остальных браузеров*/
    5.   list-style-type:none; /* убирает маркеры заданные в другом css файле для остальных браузеров*/
    6. }
    7.  
    8. #leftmenu li
    9. {
    10.   width:142px;
    11.   min-height: 10px;
    12.   position:relative;
    13.   left:-15px;
    14.   margin-bottom: 10px;
    15.   background:url(../images/bullit.gif) no-repeat left 7px;
    16. }
    17.  
    18. #leftmenu li span
    19. {
    20.   padding-left: 15px;
    21.  }
    22.  
    23. #leftmenu li ul {
    24.   list-style-image:none; /* убирает маркеры заданные в другом css файле для остальных браузеров*/
    25.   list-style-type:none ; /* убирает маркеры заданные в другом css файле для остальных браузеров*/
    26.   display:block;
    27.   position:relative;
    28.   left:3px;
    29.  
    30. }
    31.  
    32. #leftmenu li ul li{
    33.  
    34. background:url(../images/bullit.gif) no-repeat left 7px;
    35. padding-left: 15px;
    36.  
    37.   }
     
    Последнее редактирование: 29.01.2010

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

Загрузка...