Forums
View unanswered posts | View active topics It is currently Fri Oct 31, 2014 1:17 pm



Reply to topic  [ 2 posts ] 
 scroll issue in ie 6 
Author Message

Joined: Mon Jul 02, 2012 7:28 am
Posts: 1
Post scroll issue in ie 6
Hello,

I am trying to make a dual scrollable table for internet explorer 6 (the only navigator that I need to support) but I ran into some bugs.
Here is a picture to give you an idea of what I got on ie 6: http://img11.hostingpics.net/pics/481645bugpie.png
As you can see the pie-background exceeds the table frame when I apply it on a tr row.
Also Since I put a background behind the table I cannot move the scrolls.
The two bugs doesn't happen in ie 9.

I wrote other minor issues in the comment of my code below.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<style>
  body{
    /* background-color:#ffe1ff; /* work */
    /* -pie-background: linear-gradient(90deg, #f0f0f0, #ffe1ff);
      behavior: url(pie.htc); /* don't work so I have to create #backgrnd */
  }
  #backgrnd{
    width:400px;
    height:600px;
    /* background-color:#ddddff; /* With this solution pie-background in .hilite doesn't work anymore */
    /**/ -pie-background: linear-gradient(90deg, #f0f0f0, #ffe1ff);
      behavior: url(pie.htc); /* With that the scrolls doesn't work anymore */
  }
  .tableScroll{
    width:100px;
    height:100px;
    overflow:auto;
  }
 
  table{
      border-collapse: collapse;
  }
 
  .tableClass tr:hover td{
    /**/ background-color:#e4e7f8; /* work */
      /* -pie-background: linear-gradient(90deg, #f0f0f0, #00ff40);
      behavior: url(pie.htc); /* don't work */
  }
  .hilite{
    /* background-color:#fdddff; /* work */
    /**/
    -pie-background: linear-gradient(90deg, #f0f0f0, #ff80ff);
      behavior: url(pie.htc); /* works only when 1).tableClass tr:hover is not happening 2) there is no backround is a parent*/
  }
</style>
<body>
  <div id="backgrnd">
    <div class="tableScroll">
      <table class="tableClass" id="tableId">
        <tr>
          <th>col1</th><th>col2</th><th>col3</th><th>col4</th><th>col5</th><th>col6</th>
        </tr>
        <tr>
          <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
        </tr>
          <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
        </tr>
          <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
        </tr>
          <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
        </tr>
          <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
        </tr>
          <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
        </tr>
          <td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
        </tr>
      </table>
    </div>
  </div>
  <!---->

</body>
  <script>
    $(document).ready(main);
    function main(){
      $('#tableId tr').click(toggleRow);
    }

    function toggleRow(){
         $(this).toggleClass('hilite');
      }
  </script>
</html>


Sincerly,

C├ędric


Mon Jul 02, 2012 7:52 am
Profile

Joined: Fri Jul 13, 2012 2:13 am
Posts: 1
Post Re: scroll issue in ie 6
I can confirm this problem.
My setting:
- also a table with 2 scroll directions
- IE 8

in my case the elements with rounded borders "jump" during scrolling


Fri Jul 13, 2012 2:17 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 2 posts ] 

Who is online

Users browsing this forum: Bing [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.