www.webdeveloper.com
Results 1 to 2 of 2

Thread: Scroll Bar not appearing

  1. #1
    Join Date
    Jan 2009
    Posts
    6

    Scroll Bar not appearing

    Hi,
    I am implementing Auto suggest feature in my website. I have a problem with Scroll bar .

    When a key is pressed, I am coming up with few suggestions in the mentioned DIV tag. I have a fixed height for the DIV and if the suggestions are more, then I should get the scroll bar.

    It is working fine in Google Chrome. But when tested in firefox and IE, the suggestions are coming according to the height. But the scroll bar is not appearing. i should key down to see all the other suggestions.

    My CSS Style is as shown below:
    Code:
    .scroll
                            {
     position: absolute;
      margin: 0 auto;
      visibility: hidden;
      z-index: 1;    
      width: 300px;
      height: 180px;
     overflow: auto;
      border-top-style: solid;
      border-right-style: solid;
      border-left-style: solid;
      border-collapse: collapse;
      border-bottom-style: solid;
      background-color: green;
      border-width: 1px;      
     text-align:left;
    }
    My usage of div tag is
    Code:
    <div class="scroll" id="scroll" ></div>
    Please let me know where I have went wrong.

    Thanks in advance.

  2. #2
    Join Date
    Jan 2009
    Posts
    6

    Got it !

    I have found the mistake myself..

    The style default visibility is hidden and I have to make it visible dynamically when I have suggestions. I forgot to do that.

    This may help someone.
    Thank You !!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles