lina-: Scrollbalkenproblem im Firefox auf Mac

moin liebes Forum :)

Ich hoffe dass mein heutiges Problem nicht tatsächlich ein Bug ist, sondern ich mich nur zu dumm anstelle...
Der Firefox unter Mac OSX zeigt mir Scrollbalken wo keine zu sehen sein dürften (in Divs die die style-Eigenschaft "visibility:hidden" haben).

Hier mal ein Testcode mit dem das Problem nachvollziehbar ist.

  
<html>  
<head>  
<style type="text/css">  
.box {  
color: white;  
padding: 10px 10px 10px 10px;  
height: 200px;  
width: 200px;  
visibility: hidden;  
background-color: blue;  
overflow: auto;  
}  
  
</style>  
  
<script type="text/javascript">  
<!--  
function showhide() {  
 if(document.getElementById('divtest').style.visibility == 'hidden'){  
  document.getElementById('divtest').style.visibility = 'visible';  
 }  
 else{  
  document.getElementById('divtest').style.visibility = 'hidden';  
 }  
}  
  
// -->  
</script>  
</head>  
<body>  
<a href="Javascript:showhide()">Div anzeigen oder verstecken</a>  
<div id="divtest" class="box" style="visibility:hidden;">  
test test test test test test test test test test<br>  
test test test test test test test test test test<br>  
test test test test test test test test test test<br>  
test test test test test test test test test test<br>  
test test test test test test test test test test<br>  
test test test test test test test test test test<br>  
test test test test test test test test test test<br>  
test test test test test test test test test test<br>  
test test test test test test test test test test<br>  
</div>  
</body>  
</html>  

Weiss jemand Rat und Abhilfe?

PS: sorry falls die Kategorie falsch gewählt ist... hab lange zwischen CSS und HTML geschwankt ;)

liebe Grüße aus Berlin
lina-

--
Dinge aus dem linaland
Self-Code: ie:% fl:( br:^ va:) ls:/ fo:| rl:( ss:) de:] js:| mo:)
  1. Moin

    hab zwar gerade keinen MAC zur Hand um dein Problem nachzuvollziehen, vermute aber dass es an overflow:auto liegt.
    Erweitere doch die Verberge-Funktion so, dass im verborgenen DIV overflow auf hidden gesetzt wird.

    function showhide() {  
    var div=document.getElementById('divtest');  
    if (!div) return;  
    if(div.style.visibility == 'hidden'){  
     div.style.visibility = 'visible';  
     div.style.overflow = 'auto';  
    }  
    else {  
     div.style.visibility = 'hidden';  
      div.style.overflow = 'hidden';  
    }  
    }
    

    Gruß
    rfb

    1. moin rfb :)

      vielen Dank :) Das funktioniert wunderbar.

      liebe Grüße aus Berlin
      lina-

      --
      Dinge aus dem linaland
      Self-Code: ie:% fl:( br:^ va:) ls:/ fo:| rl:( ss:) de:] js:| mo:)