Hallo,
ich möchte gerne eine Gallerie anlegen und habe mir dazu Simpleviewer heruntergeladen.
Alles funktioniert soweit und er lässt sich auch einbinden.
Doch sobald ich Ihn in meinen div-Container einbinden möchte, kann ich plötzlich nichts mehr anklicken, außer im IE.
Der Container wächst mit mit dem Text und hat an 3 Seiten einen Schatten.
Außerhalb funktioniert es wieder wunderbar.
Weiß jemand Rat?
.html
<div id="textfeld">
<h1>Galerie</h1><p>Geduld</p> <br/>
<div id="player">
<script type="text/javascript">
simpleviewer.ready(function () {
simpleviewer.load('sv-container', '900', '500', 'transparent', true);
});
</script>
<div id="sv-container"></div>
</div>
<div id="shadow">
<div id="shadow-left">
</div>
<div id="shadow-bottom-left">
</div>
<div id="shadow-bottom">
</div>
<div id="shadow-bottom-right">
</div>
<div id="shadow-right">
</div>
</div>
</div>
.css
#textfeld
{
width:1000px;
left:50%;
margin-left:-500px;
position:relative;
background-color:white;
padding:10px;
}
Schatten
#shadow{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
z-index:1;
}
#shadow-left{
width:15px;
position:absolute;
left:-15px;
top:0;
bottom:0;
background-image:url(bilder/left.png);
background-repeat:repeat-y;
}
#shadow-bottom-left{
width:15px;
height:15px;
position:absolute;
left:-15px;
bottom:-15px;
background-image:url(bilder/bottom-left.png);
background-repeat:no-repeat;
}
#shadow-bottom{
height:15px;
position:absolute;
left:0;
right:0;
bottom:-15px;
background-image:url(bilder/bottom.png);
background-repeat:repeat-x;
}
#shadow-bottom-right{
width:15px;
height:15px;
position:absolute;
right:-15px;
bottom:-15px;
background-image:url(bilder/bottom-right.png);
background-repeat:no-repeat;
}
#shadow-right{
width:15px;
position:absolute;
right:-15px;
top:0;
bottom:0;
background-image:url(bilder/right.png);
background-repeat:repeat-y;
}