Jscrollpane приводит к исчезновению текста в Internet Explorer - PullRequest
Новая
       9

Jscrollpane приводит к исчезновению текста в Internet Explorer

2 голосов
/ 29 декабря 2010

на моем текущем сайте я использую новую Jscrollpane , чтобы сгенерировать полосу прокрутки для меню (не мое решение, а решение дизайнера, поэтому я не хочу вдаваться в то, как 90-е годы все это выглядит. .).

мое меню основано на <UL> * элементах <li> внутри него, которые имеют атрибут "text-align: right;".

моя проблема в том, что только в IE текст меню не показывает , когда я применяю ScrollPane к меню. когда я удаляю функцию ScrollPane из моего кода, снова появляется меню.

Я проверил страницу с помощью DOM-инспектора "microsoft Expression", чтобы проверить, как IE видит мой код, и я вижу там элементы <li>, только текст внутри них отсутствует. когда я отключаю "text-align: right;" для <li> в моем CSS текст снова отображается. я подозреваю, что это как-то связано с содержимым jScrollPane, которое относительно выровнено, но я не уверен ...

Кто-нибудь может предложить какое-то решение этой проблемы?

ссылка на страницу, где вы можете увидеть проблему здесь: http://kaplanoland.com/index.php?option=com_content&view=article&id=2&Itemid=12

проблемное меню в правой части страницы. в любом браузере, кроме IE, вы можете увидеть текст. только на IE нет. мой код CSS для этого меню (не включая CSS jScrollPane) находится здесь: 

   div#menu2{
 position: absolute;
 top: 123px;
 right: 36px;
 width: 330px; 
 height: 150px; 
 }

div#menu2_scroll{ /*the actual scroller*/
 height: 150px; 
 }

div#menu2 div#menu2_contain{

}

div#menu2 li{
 text-align: right;
 }

div#menu2 li span{
 line-height: 18px;
}

div#menu2 a:link, 
div#menu2 a:visited{
 color: #808285 ;
 font-family: Arial, Helvetica, sans-serif ;
 font-size: 12px ;
}

div#menu2 a:hover, 
div#menu2 li#current a{
 color: #000000 ;
 font-family: Arial, Helvetica, sans-serif ;
 font-size: 12px ;
}

div#menu2 span.separator{
 display: block;
 padding-top: 12px;
 padding-bottom: 40px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #000000; 
}

div#menu2 span.separator span {
 padding-top: 12px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #808285; 
}

1 Ответ

2 голосов
/ 07 января 2011

Добавить .jspPane{left:0;}

IE не нравится, когда вы не устанавливаете левое (и верхнее) значение при использовании позиции: абсолютное;

Приветствия

G.

...