|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
29.12.2011, 17:50 | #1 |
Новичок
Джуниор
Регистрация: 29.12.2011
Сообщений: 1
|
Конфликт css в IE8
в purecssmenu сгенерировал меню для сайта.
Вставил. Теперь неккоректно отображается в IE8 (в остальных браузерах все нормально) Подскажите пожалуйста в чем может быть причина: код #pcm{display:none;} *html #pureCssMenu a{height:1%;} ul.pureCssMenu ul{display:none} ul.pureCssMenu li:hover>ul{display:block} ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;} ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;} ul.pureCssMenu,ul.pureCssMenu ul { margin:0px; list-style:none; padding:0px 2px 2px 0px; background-color:#fff; background-repeat:repeat; border-color:#808080; border-width:1px; border-style:solid; } ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu { display:block; zoom:1; height:21px; float: left; } ul.pureCssMenu ul{ width:113.4px; } ul.pureCssMenu li{ display:block; margin:2px 0px 0px 2px; font-size:0px; } ul.pureCssMenu a:active, ul.pureCssMenu a:focus { outline-style:none; } ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { display:block; vertical-align:middle; background-color:#FFFFFF; border-width:1px; border-color:#fff; border-style:solid; text-align:center; text-decoration:none; padding:2px 5px 5px 10px; _padding-left:0; font:normal 11px Tahoma; color: #000; position:relative; text-decoration:none; cursorefault; } ul.pureCssMenu span{ overflow:hidden; } ul.pureCssMenu li { float:left; } ul.pureCssMenu ul li { float:none; } ul.pureCssMenu ul a { text-align:left; white-space:nowrap; position:relative; } ul.pureCssMenu li.sep{ text-align:left; padding:0px; margin-top:0px auto; height:100%; } ul.pureCssMenu li.sep span{ float:none; padding-right:0; width:3px; height:100%; display:inline-block; background-color:#808080; background-image:none;} ul.pureCssMenu ul li.sep span{ width:100%; height:3px; } ul.pureCssMenu li:hover{ position:relative; } ul.pureCssMenu li:hover>a{ background-color:#DBF0F9; border-color:#45ADE4; border-style:solid; font:normal 11px Tahoma; color: #444; text-decoration:none; } ul.pureCssMenu li a:hover{ position:relative; background-color:#DBF0F9; border-color:#45ADE4; border-style:solid; font:normal 11px Tahoma; color: #444; text-decoration:none; } ul.pureCssMenu li.dis a { color: #557D4F !important; } ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px; height:16px; } ul.pureCssMenu ul img {width:16px; height:16px; } ul.pureCssMenu img.over{display:none} ul.pureCssMenu li.dis a:hover img.over{display:none !important} ul.pureCssMenu li.dis a:hover img.def {display:inline !important} ul.pureCssMenu li:hover > a img.def {display:none} ul.pureCssMenu li:hover > a img.over {display:inline} ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline} ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none} ul.pureCssMenu a:hover ul{display:block} ul.pureCssMenu span{ display:block; background-image:url(/images/arrv_white.gif); background-position:right center; background-repeat: no-repeat; padding-right:9px;} ul.pureCssMenu ul span{background-image:url(/test/content/images/arr_black.gif)} ul.pureCssMenu ul li:hover > a span{ background-image:url(/test/content/images/arr_white.gif);} ul.pureCssMenu table a:hover span{background-image:url(/test/content/images/arr_white.gif)} ul.pureCssMenu li.pureCssMenui0 { width:110px; height:23px; } ul.pureCssMenu li a.pureCssMenui0{ height:100%; background-image:url(/test/content/images/btn3.jpg); border-width:0px; font:normal 11px Tahoma; color:#fff; } ul.pureCssMenu li a.pureCssMenui0:hover{ background-image:url(/test/content/images/btn4.jpg); font:normal 11px Tahoma; color:#eee; } ul.pureCssMenum0 { background-color:transparent; border-width:0px; padding:0px 0px 0px 0px; } ul.pureCssMenum0>li>a { padding:8px 10px 0px 10px; } ul.pureCssMenum0 a { padding:8px 10px 0px 10px; } ul.pureCssMenum0 ul a { padding:2px 5px 5px 10px; } ul.pureCssMenum0>li { margin:0px 0px 0px 0px; } ul.pureCssMenum0 li { margin:0px 0px 0px 0px; } ul.pureCssMenum0 li li { margin:2px 0px 0px 2px; } Так отображается в IE8 Так отображается в мозиле |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
не работает меню IE8 | violettta | HTML и CSS | 0 | 21.11.2011 01:25 |
Проблемы с IE8 | IZvraT | HTML и CSS | 2 | 01.11.2011 12:11 |
Как прописать свойство css только для IE8? | assailant_nv | HTML и CSS | 1 | 24.01.2011 00:50 |
Печать из IE8 | Skolot | Свободное общение | 1 | 01.06.2009 16:51 |