[css / scrollbar] scrollen werkt niet

[Zoolander]

ik heb de deze code in css:

Cascading Stylesheet:

div.f_static
{
    left: 105px;
    top: 149px;
    height: 320px;
}

div#f_dynamic
{
    top: 140px;
    left: 520px;
    width: 277px;
    height: 315px;
    overflow: auto;
}

div#f_dynamic_sub
{
    top: 10px;
    text-align: center;
}

en deze code in xhtml trans

PHP:

<!-- content -->
<div class="f_static">
    Klik rechts op de lijst met foto's om een grotere versie te bekijken.
    Wanneer u hier op heeft geklikt zult u zien dat bij sommige foto's een [img]"../objects/images/save.gif"[/img] 
    staat afgebeeld.
    Klik hierop wanneer u de foto wilt opslaan in een hogere resolutie (afmetingen) en met een betere kwaliteit.
</div>

<div class="f_static">
    [img]""[/img]
    <br />
    <span id="txt_target"></span>
</div>

<div id="f_dynamic">
    
    <div id="f_dynamic_sub">
    <?

    while($fetch_foto = mysql_fetch_array($foto))
    {
        $tmb = substr($fetch_foto["thumb"], 3);
        $img = substr($fetch_foto["thumb"], 3);
        
        print "[img]'"[/img] \n";
        print "<br /> \n";
        print $fetch_foto["date"];
        print "<br /><br /> \n";
    }

    ?>
    <div>

</div>

Er zit een klein beetje PHP in, maar daar kunnen de meeste neem ik aan wel doorheen lezen.
Het idee is dat er een lange lijst met foto's kan komen en dat je daar dan doorheen kan scrollen.
Als je er op klikt verschijnt deze foto dan in het f_static divje.

Nu het probleem:
De scrollbar verschijnt netjes, maar ik kan er niet doorheen scrollen met mijn scrollwheel op mijn muis.
Op steenwijkerdiep.nl/informatie heb ik een soortgelijke constructie waar het wel kan. (althans in IE, ook hier geeft FireFox bijv problemen) Waar ligt dat aan? Hoe los ik het op?

Dank.

[André]

Een div met een overflow werkt niet met het scrollwieltje in Firefox, is een bekend probleem

[EnsconcE]

Je kan het oplossen met deze code

code:

function FixMozillaScroll() {
    s = document.getElementById('MainContent').scrollTop;
    document.getElementById('DummyScrollAnchor').focus()
    document.getElementById('MainContent').scrollTop = s;
}

en in je div dan dit

HTML:

div class="maincontent" id="MainContent" onMouseOver="FixMozillaScroll()"

plus deze onder de openingstag van je div

HTML:

<a id="DummyScrollAnchor"></a>

alleen uitschuifmenu's werken dan niet lekker

[ Voor 20% gewijzigd door EnsconcE op 06-05-2005 13:56 ]