Scrollbalkenproblem im Firefox auf Mac
lina-
- html
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-
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
moin rfb :)
vielen Dank :) Das funktioniert wunderbar.
liebe Grüße aus Berlin
lina-