Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 21.11.2011, 01:25   #1
violettta
Пользователь
 
Регистрация: 21.11.2010
Сообщений: 30
По умолчанию не работает меню IE8

Всем привет! Моё меню на ие8 не работает , помогите его исправить :

Код:
   #mbtnavbar {
background : #060505;
width : 920px;
color : #fff;
margin : 0 auto;
padding : 0;
border-top : 0 solid #960100;
height : 35px;
}
#mbtnav {
 margin-left:23px;
padding : 0;
}
#mbtnav ul {
float : left;
list-style : none;
margin : 0;
padding : 0;
}
#mbtnav li {
list-style : none;
margin : 0;
padding : 0;
border-left : 1px solid #333;
border-right : 1px solid #333;
height : 35px;
}
#mbtnav li a, #mbtnav li a:link, #mbtnav li a:visited {
color : #fff;
display : block;
font : normal 12px Gill Sans, sans-serif;
margin : 0;
padding : 9px 12px 10px 12px;
text-decoration : none;
}
#mbtnav li a:hover, #mbtnav li a:active {
background : #960100;
color : #fff;
display : block;
text-decoration : none;
margin : 0;
padding : 9px 12px 10px 12px;
}
#mbtnav li {
float : left;
padding : 0;
}
#mbtnav li ul {
z-index : 9999;
position : absolute;
left : -999em;
height : auto;
width : 160px;
margin : 0;
padding : 0;
}
#mbtnav li ul a {
width : 140px;
}
#mbtnav li ul ul {
margin : -25px 0 0 161px;
}
#mbtnav li:hover ul ul, #mbtnav li:hover ul ul ul, #mbtnav li.sfhover ul ul, #mbtnav li.sfhover ul ul ul {
left : -999em;
}
#mbtnav li:hover ul, #mbtnav li li:hover ul, #mbtnav li li li:hover ul, #mbtnav li.sfhover ul, #mbtnav li li.sfhover ul, #mbtnav li li li.sfhover ul {
left : auto;
}
#mbtnav li:hover, #mbtnav li.sfhover {
position : static;
}
#mbtnav li li a, #mbtnav li li a:link, #mbtnav li li a:visited {
background : #960100;
width : 140px;
color : #fff;
display : block;
font : normal 12px Gill Sans, sans-serif;
margin : 0;
padding : 9px 12px 10px 12px;
text-decoration : none;
z-index : 9999;
border-bottom : 1px dotted #333;
}
#mbtnav li li a:hover, #mbtnavli li a:active {
background : #060505;
color : #fff;
display : block;
margin : 0;
padding : 9px 12px 10px 12px;
text-decoration : none;
}


Код HTML:
<div id='mbtnavbar'>

          <ul id='mbtnav'>   


             <li>

               <a href='http://www.officialbuddyleeblog.com/'>HOME</a>

</li>
                 <li>

               <a href='#'>BL JUMP ROPES</a>


                <ul>

                    <li><a href='http://www.buddyleejumpropes.com/'>ROPES&ACCESSORIES </a></li>

                    <li><a href='http://www.officialbuddyleeblog.com/p/worlds-leading-jump-rope-training.html#047'>WORKSHOPS </a></li>

                    <li><a href='http://www.officialbuddyleeblog.com/p/follow-buddy-twitter.html#026'>SCHOOL  ASSEMBLY</a></li>
                   

                    <li><a href='http://www.officialbuddyleeblog.com/p/follow-buddy-twitter.html#027'>MOTIVATIONAL SPEECH</a></li>

                  </ul>

            </li>

  <li>

               <a href='http://buddyleeblog.blogspot.com/p/youtube.html#019'>ABOUT ME</a>


                <ul>

                    <li><a href='http://www.officialbuddyleeblog.com/p/mission.html#017'>MISSION</a></li>

                    <li><a href='http://www.officialbuddyleeblog.com/p/photos.html#101'>PHOTOS</a></li>

                    <li><a href='http://www.officialbuddyleeblog.com/p/jump-rope-institute.html#036'>VIDEOS</a></li>

                  </ul>

            </li>
  
  <li>

               <a href='http://www.officialbuddyleeblog.com/p/follow-buddy-twitter.html'>US ARMY</a>


                <ul>

                    <li><a href='http://www.officialbuddyleeblog.com/p/fitness.html#018'>FITNESS</a></li>

                    <li><a href='http://www.officialbuddyleeblog.com/p/challenges.html#040'>CHALLENGES</a></li>

                    <li><a href='http://www.officialbuddyleeblog.com/p/results.html#333'>RESULTS</a></li>

                  </ul>

            </li>

  <li>

               <a href='http://www.jumpropeinstitute.com/'>JUMP ROPE INSTITUTE</a>                

            </li>

  <li>

               <a href='http://www.officialbuddyleeblog.com/p/video.html#016'>OPERATION SMILE</a>


                <ul>

                    <li><a href='http://www.officialbuddyleeblog.com/p/follow-buddy-twitter.html#027'>JR FOR SMILES </a></li>

                    <li><a href='http://www.officialbuddyleeblog.com/p/follow-buddy-twitter.html#030'>AMBASSADORSHIP </a></li>

                  

                  </ul>

            </li>

  <li>

               <a href='http://www.officialbuddyleeblog.com/p/current-news-us-army-get-fit-be-strong.html#57'


>IN THE NEWS</a>
              

            </li>

               </ul>

        </div>
violettta вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
IE8 не работает padding zg_ltybc HTML и CSS 1 18.08.2011 03:23
Jquery Меню не работает в IE6,7 faustaka JavaScript, Ajax 0 23.04.2011 12:14
Всё хорошо работает в IE7 , в IE8 - сайт распадается, разъезжается, отображается не правильно. Kapitann HTML и CSS 1 09.11.2010 03:02
проблемы с css? не работает меню в опере jikonast HTML и CSS 1 16.10.2010 16:26
IE8. не работает padding-left, margine-left dimonnnn HTML и CSS 7 13.08.2010 19:33