Mi problema es el siguiente: Utilizo lightbox para una galería de fotos con enlaces posicionados de forma absoluta en explorer no se detecta el enlace, he probado dibujar zona interactiva para IE pero no ejecuta bien el lightbox y en FF no funciona.
Podeís verlo aqui: http://www.canfrancestacion.webcindario.com/fotos.php?num=3.
El código es el siguiente:
Código :
<?php include("cabecera.inc.php"); ?>
<div id="contenido_general">
<div id="titulofotos"></div>
<div id="galeria">
<img src="galeria/galeria_fotos.png" alt="galeria" name="map" border="0" usemap="#Map" id="map" />
<!--<map name="Map" id="photo1"><area shape="rect" coords="90,20,153,73" href="galeria/max/1.jpg" title="Exteriores" rel="lightbox" usemap="#photo1" border="0">
</a></map>-->
<li id="foto1"><a href="galeria/max/1.jpg" rel="lightbox" title="Exteriores"></a></li>
<li id="foto2"><a href="galeria/max/2.jpg" rel="lightbox" title="Comedor"></a></li>
<li id="foto3"><a href="galeria/max/3.jpg" rel="lightbox" title="Comedor"></a></li>
<li id="foto4"><a href="galeria/max/4.jpg" rel="lightbox" title="Entrada"></a></li>
<li id="foto5"><a href="galeria/max/5.jpg" rel="lightbox" title="Baño"></a></li>
<li id="foto6"><a href="galeria/max/6.jpg" rel="lightbox" title="Comedor"></a></li>
<li id="foto7"><a href="galeria/max/7.jpg" rel="lightbox" title="Zona de paso"></a></li>
<li id="foto8"><a href="galeria/max/8.jpg" rel="lightbox" title="Exterior"></a></li>
<li id="foto9"><a href="galeria/max/9.jpg" rel="lightbox" title="Salón"></a></li>
<li id="foto10"><a href="galeria/max/10.jpg" rel="lightbox" title="Dormitorio"></a></li>
<li id="foto11"><a href="galeria/max/11.jpg" rel="lightbox" title="Dormitorio"></a></li>
</div>
</div>
<div class="pie">
</div>
</body>
</html>el css que afecta a esta página:
.
.
.
#galeria {
height: 690px;
width: 700px;
}
#galeria img {
height: 473px;
width: 644px;
margin-top: 190px;
margin-left: 60px;
}
#foto1 a {
text-indent: -1000px;
display: block;
height: 41px;
width: 82px;
left: 147px;
position: absolute;
top: 263px;
}
#foto2 a {
text-indent: -1000px;
display: block;
height: 97px;
width: 89px;
margin-top: -55px;
position: absolute;
left: 100px;
top: 525px;
}
#foto3 a {
text-indent: -1000px;
display: block;
height: 87px;
width: 112px;
margin-top: -55px;
position: absolute;
left: 199px;
top: 455px;
}
#foto4 a {
text-indent: -1000px;
display: block;
height: 36px;
width: 88px;
margin-top: -55px;
position: absolute;
left: 238px;
top: 371px;
}
#foto5 a {
text-indent: -1000px;
display: block;
height: 122px;
width: 66px;
margin-top: -55px;
position: absolute;
left: 355px;
top: 381px;
}
#foto6 a {
text-indent: -1000px;
display: block;
height: 128px;
width: 73px;
margin-top: -55px;
position: absolute;
left: 613px;
top: 549px;
}
#foto7 a {
text-indent: -1000px;
display: block;
height: 93px;
width: 133px;
margin-top: -55px;
position: absolute;
left: 436px;
top: 431px;
}
#foto8 a {
text-indent: -1000px;
display: block;
height: 52px;
width: 42px;
margin-top: -55px;
position: absolute;
left: 178px;
top: 383px;
}
#foto9 a {
text-indent: -1000px;
display: block;
height: 99px;
width: 84px;
margin-top: -55px;
position: absolute;
left: 373px;
top: 622px;
}
#foto10 a {
text-indent: -1000px;
display: block;
height: 74px;
width: 116px;
margin-top: -55px;
position: absolute;
left: 206px;
top: 621px;
}
#foto11 a {
text-indent: -1000px;
display: block;
height: 49px;
width: 109px;
margin-top: -55px;
position: absolute;
left: 461px;
top: 571px;
}
* /*ESTILOS PARA LIGHTBOX EN IE*/
+html li #foto1 a {
display: inline-block;
height: 41px;
width: 82px;
background-color: #00FF66;
margin-top: 600px;
margin-left: 50px;
}
*+html li #foto2 a {
display: block;
}
*+html li #foto3 a {
display: block;
}
*+html li #foto4 a {
display: block;
}
*+html li #foto5 a {
display: block;
}
*+html li #foto6 a {
display: block;
}
*+html li #foto7 a {
display: block;
}
*+html li #foto8 a {
display: block;
}
*+html li #foto9 a {
display: block;
}
*+html li #foto10 a {
display: block;
}
*+html li #foto11 a {
display: block;
}
[/code]
Os agradecería buestra ayuda, ya llevo tiempo dando vueltas al tema y no se como solucionarlo sin cambiar el diseño (esto lo dejo como último recurso)
Muchas gracias.
