3 Replies Latest reply on May 10, 2006 7:16 PM by Newsgroup_User

    IE Overflow

    Dan_Joyce
      I have a page divided into two areas: the upper is set to scroll and contains a bunch of thumbnails. When clicked, the lower portion shows the images in a larger size. Now, the upper area scrolls fine in Safari and FireFox, but IE puts the scorll bar at the bottom srolls the entire document, instead of just the top. Not pretty.

      Here's what I have: (i took out most of the content, as it all works right)

      <div id="thumbnailbar">

      <table>
      <tr><td>
      <nobr>
      <img src="../template/smallimages/1.jpg">
      <img src="../template/smallimages/2.jpg"></a>
      <img src="../template/smallimages/3.jpg"></a>
      <img src="../template/smallimages/4.jpg"></a>
      <img src="../template/smallimages/5.jpg"></a>
      <img src="../template/smallimages/7.jpg"></a>
      <img src="../template/smallimages/8.jpg"></a>
      <img src="../template/smallimages/9.jpg"></a>
      <img src="../template/smallimages/10.jpg">
      </nobr>
      </td>
      </tr>
      </table>
      </div>

      <div id="imagearea" align="center"> *here's the image area content*
      </div>

      And, here's my CSS ( I repeated the overflow hoping it would work in one place or the other):

      #thumbnailbar tr {
      overflow: auto;
      }
      #thumbnailbar {
      height: 175px;
      width: 750;
      overflow: auto;
      margin-top: 10px;
      margin-bottom: 10px;


      As I said, works fine in all but IE. Any ideas?
      Thanks
      Dan j.
        • 1. Re: IE Overflow
          Level 7
          Remove the tr rule

          #thumbnailbar tr {
          overflow: auto;
          }

          and add a px to the width of the #thumbnailbar width.

          #thumbnailbar {
          height: 175px;
          width: 750px;
          overflow: auto;
          margin-top: 10px;
          margin-bottom: 10px;
          }



          --
          Regards,
          ..Trent Pastrana
          www.fourlevel.com



          "Dan Joyce" <webforumsuser@macromedia.com> wrote in message
          news:e3tfka$ipo$1@forums.macromedia.com...
          >I have a page divided into two areas: the upper is set to scroll and
          >contains
          > a bunch of thumbnails. When clicked, the lower portion shows the images
          > in a
          > larger size. Now, the upper area scrolls fine in Safari and FireFox, but
          > IE
          > puts the scorll bar at the bottom srolls the entire document, instead of
          > just
          > the top. Not pretty.
          >
          > Here's what I have: (i took out most of the content, as it all works
          > right)
          >
          > <div id="thumbnailbar">
          >
          > <table>
          > <tr><td>
          > <nobr>
          > <img src="../template/smallimages/1.jpg">
          > <img src="../template/smallimages/2.jpg"></a>
          > <img src="../template/smallimages/3.jpg"></a>
          > <img src="../template/smallimages/4.jpg"></a>
          > <img src="../template/smallimages/5.jpg"></a>
          > <img src="../template/smallimages/7.jpg"></a>
          > <img src="../template/smallimages/8.jpg"></a>
          > <img src="../template/smallimages/9.jpg"></a>
          > <img src="../template/smallimages/10.jpg">
          > </nobr>
          > </td>
          > </tr>
          > </table>
          > </div>
          >
          > <div id="imagearea" align="center"> *here's the image area content*
          > </div>
          >
          > And, here's my CSS ( I repeated the overflow hoping it would work in one
          > place
          > or the other):
          >
          > #thumbnailbar tr {
          > overflow: auto;
          > }
          > #thumbnailbar {
          > height: 175px;
          > width: 750;
          > overflow: auto;
          > margin-top: 10px;
          > margin-bottom: 10px;
          >
          >
          > As I said, works fine in all but IE. Any ideas?
          > Thanks
          > Dan j.
          >


          • 2. Re: IE Overflow
            Dan_Joyce Level 1
            Wow. that was dumb of me. Two of us looked at it too. I had added that extra crap just to try to see if I was doing something dumb.

            Thanks a ton.
            • 3. Re: IE Overflow
              Level 7
              Sometimes it takes a 3rd set of eyes :-)


              --
              Regards,
              ..Trent Pastrana
              www.fourlevel.com



              "Dan Joyce" <webforumsuser@macromedia.com> wrote in message
              news:e3tio5$mfd$1@forums.macromedia.com...
              > Wow. that was dumb of me. Two of us looked at it too. I had added that
              > extra crap just to try to see if I was doing something dumb.
              >
              > Thanks a ton.