Results 1 to 4 of 4

Thread: Firefox 2 scrollbar display issueissue

  1. #1
    Join Date
    Dec 2008
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default Firefox 2 scrollbar display issueissue

    Hi, I would really appriciate someones advice, I have been searching for a solution to this problem for ages and cant seem to find one that I can get to work.
    I'm new to coding but have managed to created a page using nested divs on a z index so that I can hide and show layers at a click of a button. This all seems to work fine except for in firefox.2 (mac) when the layer with the scrollbar is hidden the scrollbar still appears. this only seems to be a problem in firefox.2

    the below link is an example of the problem.
    http://www.be-creative.org.uk/about_page.htm#

    If anyone could offer any tips or advice to solve this issue I would really appriciate it.

    Thanks

  2. #2
    Join Date
    Apr 2008
    Location
    San Diego, CA
    Posts
    352
    Thanks
    57
    Thanked 6 Times in 6 Posts

    Default

    I'm using Firefox 2 on PC, and the scrollbar hides as it should.

    Try this:

    http://www.google.com/search?hl=en&q...+mac+scrollbar

  3. #3
    Join Date
    Apr 2008
    Location
    San Diego, CA
    Posts
    352
    Thanks
    57
    Thanked 6 Times in 6 Posts

    Default

    The first two things I clicked on said the only fix is overflow:auto, BTW.

  4. The Following User Says Thank You to jlizarraga For This Useful Post:

    nebstar (12-16-2008)

  5. #4
    Join Date
    Dec 2008
    Posts
    7
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the link to a solution, I did however find an easy way to do it though dreamweaver

    I found a simple solution using behaviours in dreamweaver and the "change property" function

    on the hidden div, set the overflow to hidden then used a "change property" with an onclick event to change the overflow to auto.

    example below: (I'm new to coding so used what dreamweaver supplied)

    javascript: function MM_changeProp(objId,x,theProp,theValue) { //v9.0
    var obj = null; with (document){ if (getElementById)
    obj = getElementById(objId); }
    if (obj){
    if (theValue == true || theValue == false)
    eval("obj.style."+theProp+"="+theValue);
    else eval("obj.style."+theProp+"='"+theValue+"'");
    }
    }

    button onclick event: onclick= "MM_changeProp('div id goes hear','','overflow','auto','DIV')"

Bookmarks

Posting Permissions

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