fz21z
Lt. Junior Grade
- Registriert
- Apr. 2009
- Beiträge
- 300
Sobald man auf das Image klickt und sich die FancyBox öffnet, wandern die vorher schön unterhalb meiner dots gelisteten Zahlen 1 und 2 nach oben. Das passiert nur im FireFox. Chrome, Safari und der IE9 zeigen nicht dieses Verhalten.
Ich krieg das einfach nicht beseitigt, verliert Firefox ggf. die Css settings?
Ich krieg das einfach nicht beseitigt, verliert Firefox ggf. die Css settings?
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>title</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css?v=2.1.0" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.0"></script>
<style type="text/css">
#navSalon ul
{
margin:0;
padding:0;
}
#navSalon ul li
{
display:inline;
position:relative;
}
#navSalon ul ul
{
display:none;
}
#navSalon ul li > ul
{
display:block;
position:absolute;
left:15%;
}
</style>
</head>
<script>
$(document).ready(function()
{
$(".fancybox").fancybox(
{
openEffect : 'none',
closeEffect : 'none'
});
});
</script>
<body>
<div id="salon">
<a class="fancybox" rel="group" href="0big.jpg"><img src="0small.png" alt="" /></a>
</div>
<div id="navSalon">
<ul>
<li>
<a href="#"><img src="dot0.png"/></a>
<ul><li>1</li></ul>
</li>
<li>
<a href="#"><img src="dot1.png"/></a>
<ul><li>2</li></ul>
</li>
</ul>
</div>
</body>
</html>
Zuletzt bearbeitet:
