Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.02.2009, 08:29
Новичок на форуме
Отправить личное сообщение для Descryer Посмотреть профиль Найти все сообщения от Descryer
 
Регистрация: 12.02.2009
Сообщений: 1

jScrollPane и IE.
проблемма в следующем :

построил простенькую html табличку, все без наворотов, но при установке скролбара в одну из ячеек таблицы появилась серьезная ошибка :

В IE неотобрабаетя прокрутка, и мышью она тоже не осуществляется.
приэтом в FF и Opera все нормально.

подскажите, мб я дибил чтото проглядел, ли у меня ИЕ тупой и вс работает нормально

Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<link rel="stylesheet" type="text/css" media="all" href="jScrollPane.css">
		<script type="text/javascript" src="jquery.js"></script>
		<script type="text/javascript" src="jquery.mousewheel.js"></script>
		<script type="text/javascript" src="jScrollPane.js"></script>

        <script type="text/javascript" src="jjquery.em.js"></script>
       <style type="text/css">

 A IMG {
    border: none; /* Убираем рамку */
   }
   			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */

</style>
<script type="text/javascript">
$(function(){	$('.scroll-pane').jScrollPane();})
</script>

<script src="/mint/?js" type="text/javascript"></script>

</head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <td colspan="6" width="100%" height="230" background="Head.jpg">&nbsp;</td>
  </tr>
  <tr>
   <td colspan="6"height="30">&nbsp;</td>
  </tr>
  <tr>
    <td width="30%" height="45" rowspan="2">&nbsp;</td>
    <td height="45" colspan="4"><img src="borderTop.png" width="100%" height="45" /></td>

    <td width="30%" height="45" rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    
    <td width="5" height="351"><img src="borderLeft.png"width="5" height="351"/></td>
    <td width="209" height="351">
    <table width="209" height="351" border="0" cellspacing="0" cellpadding="0">
  <tr><td height="40" ><a href="#"><img src="links/BlankTop.jpg"></a></td>
  </tr>
  <tr><td height="40"><a href="#"><img src="links/Home.jpg"></a></td>

  </tr>
  <tr>
    <td height="40"><a href="#"><img src="links/forum.jpg"></a></td>
  </tr>
  <tr>
    <td height="40"><a href="#"><img src="links/Photo.jpg"></a></td>
  </tr>
  <tr>
    <td height="40"><a href="#"><img src="links/Files.jpg"></a></td>

  </tr>
  <tr>
    <td height="40"><a href="#"><img src="links/Links.jpg"></a></td>
  </tr>
  <tr>
    <td height="40"><a href="#"><img src="links/BlankDawn.jpg"></a></td>
  </tr>
  <tr><td>&nbsp;</td></tr>
</table>

  </td>    
    <td width="381" height="351">
    
 		
        <div class="scroll-pane"  style="overflow: auto;">
  <div style="height: 300px; width: 300px;" class="jScrollPaneContainer" >
    <div style="height: 300px; width: 300px; " class="jScrollPaneContainer" >
      <div style="overflow: visible; height: auto; width: 278px; padding-right: 5px; position: absolute; top: 0px;" id="pane1" class="scroll-pane">
        <p>&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec condimentum pretium nisl. Integer quis tellus nec turpis placerat scelerisque. In semper lacus eu nisi. Praesent dignissim metus sit amet enim. Nam auctor, neque semper congue sagittis, risus mi commodo pede, nec euismod magna libero at sem. In enim magna, vestibulum et, blandit sit amet, tempor vel, ligula. Phasellus ante augue, congue vitae, faucibus quis, gravida sit amet, diam. Nullam congue accumsan magna. Etiam a nunc. Aliquam elit urna, ornare vitae, ultrices et, tempus non, nisl. Duis eros neque, luctus quis, interdum ultricies, auctor eu, urna. Donec nibh. Integer in purus tempus mi venenatis mollis. Cras nunc odio, porttitor at, accumsan ac, adipiscing vitae, ante.</p>
        <p>Nam dui enim, fringilla vitae, rhoncus non, pharetra in, nunc. Sed a lectus vel orci bibendum placerat. Aliquam erat volutpat. Integer odio. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis dictum egestas lorem. Donec ultricies volutpat tellus. Phasellus justo arcu, pharetra eget, cursus non, consectetuer ac, nunc. Fusce orci tortor, semper vel, lacinia vitae, accumsan id, quam. Mauris semper molestie lectus. Duis venenatis erat ultrices nisl.</p>

        <p>Morbi augue enim, ultricies nec, lobortis sed, iaculis eu, quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Curabitur sollicitudin, elit eu porttitor varius, tellus velit tristique sem, vitae blandit nisi eros id purus. Nunc non lorem. Nunc blandit purus nec nisi. Donec vulputate, urna vel interdum tristique, tellus mauris pretium lacus, quis sodales lectus nunc sit amet turpis. Suspendisse potenti. Fusce accumsan. Maecenas aliquam consectetuer augue. Fusce est neque, condimentum nec, condimentum vitae, consectetuer ac, tortor. Praesent ultricies urna in lectus. Nam erat nunc, venenatis nec, facilisis sed, feugiat ac, pede. Vivamus aliquam aliquet libero. Curabitur dolor nunc, scelerisque at, gravida dignissim, rutrum at, orci. Maecenas vitae libero id eros rutrum hendrerit. Duis lacinia mauris non erat. Nullam et dolor vel leo sollicitudin suscipit. Sed laoreet libero.</p>
        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent turpis. Suspendisse molestie, neque non congue ullamcorper, neque sem consequat nisl, eget pulvinar odio erat et tellus. Nunc luctus convallis dolor. Nullam non mauris. Etiam nisi magna, adipiscing eu, nonummy ac, laoreet nec, est. Pellentesque tristique, est vel condimentum feugiat, nisi justo rhoncus pede, in pulvinar mauris lectus vitae dui. Pellentesque scelerisque. Vestibulum tellus dolor, porta quis, facilisis nec, convallis vitae, quam. Quisque nisi. Nunc vitae nulla vel turpis mollis molestie. Etiam vitae massa.&lt;</p>
      </div>
      <div style="width: 17px; height: 166px; top: 17px;" class="jScrollPaneTrack">
        <div style="width: 17px; height: 19.5755px; top: 0px;" class="jScrollPaneDrag">
          <div style="width: 17px;" class="jScrollPaneDragTop"></div>
          <div style="width: 17px;" class="jScrollPaneDragBottom"></div>
        </div>

      </div>
      <a style="width: 17px;" class="jScrollArrowUp disabled" href="javascript:;">Scroll up</a><a style="width: 17px;" class="jScrollArrowDown" href="javascript:;">Scroll down</a></div>
  </div>
</div>

</td>
    <td width="5" height="351"  background="borderRight.png">&nbsp;</td>
    
  </tr>
  <tr>

    <td width="30%" height="50" rowspan="">&nbsp;</td>
    <td colspan="4" height="50"><img src="borderDawn.png" width="100%" height="50" ></td>
    <td width="30%" height="50" rowspan="">&nbsp;</td>
  </tr>

</table>


</body>

</html>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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