Entrar

Lighbox en Firefox?

Icelost · · Solicitar retirada
Hace unos dias tube un gran problema con IE

http://www.comocreartuweb.com/phpBB2/ftopic28653.html

El caso es que no consegui solucionarlo, ya de momento no podiamos hacer mucho por que cada persona en cada ordenador la veia de una manera distinta.
Al final decidi hacer una especie de burrada; como el problema era que se me desplazaban a donde querian las capas dependiendo del navegador que usara, decidi que toda mi web fuese una unica capa. Y mediante Photoshop y programas de coordenadas consegui que fuera asi.
Mi web es sencilla simplemente enseño 7 galerias con el Lightbox, y he decidido (debido al problema que he tenido) hacerlo asi; y los enlaces definidos mediante coordenadas.
Ahora estoy supercontento por que la verdad me gusta visualmente y me funciona(?).
Pero... ahora en firefox no funciona el lightbox (en Explorer y en Chrome perfectamente).
La página es:

http://lamiradaobjetiva.onlinewebshop.net/

Y por ahora solo he subido las imagenes al apartado "Arquitectura".
Si teneis un ratito vereis que con Chrome y Explorer se abre la foto en grande y abajo pone 1 de 20 y sale el boton siguiente, con firefox no pone nada solo abre una foto y no deja pasar a al siguiente :(

Si se os ocurre que puede ser os lo agradeceria... aunque no se pero me da a mi que igual no le gusta eso de las coordenadas a firefox.
Icelost · · Solicitar retirada
He simplificado todo a ver que puede haber y sigue todo igual:
No funciona en firefox
Codigo HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title>Mirada Objetiva</title>  
      <link rel="stylesheet" href="css/reset.css" media="all" /> 
      <link rel="stylesheet" href="css/estilos.css" media="all" /> 
         <!--[if IE]> 
         <link rel="STYLESHEET" type="text/css" href="css/estilos-ie.css" /> 
         <![endif]--> 
      <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
         <script src="scripts/prototype.js" type="text/javascript"></script>
         <script src="scripts/scriptaculous.js?load=effects" type="text/javascript"></script>
         <script src="scripts/lightbox.js" type="text/javascript"></script>
             <link rel="shortcut icon" href="objetos/favicon.ico" > 
  </head>
<body>


  [img]objetos/central.png[/img]
  <map name="Map">
  
  [url="galerias/arquitectura/arquitectura01.jpg"][/url]
  
  <area shape="rect" coords="163,511,205,553" href="mailto:[correo eliminado]">
  <area shape="rect" coords="363,511,405,553" href="http://www.flickr.com/photos/icelost/">
  <area shape="rect" coords="572,511,613,553" href="http://twitter.com/#!/SergioPerezPere">
  <area shape="rect" coords="777,511,818,553" href="http://es-la.facebook.com/profile.php?id=1231479733">
  </map>
    <div id="roadtrip6"  style="visibility:hidden;">
	    
      [url="galerias/arquitectura/arquitectura02.jpg"][/url]
      [url="galerias/arquitectura/arquitectura03.jpg"][/url]
      [url="galerias/arquitectura/arquitectura04.jpg"][/url]
      [url="galerias/arquitectura/arquitectura05.jpg"][/url]    
    </div>
</body>
</html>

Y a HTML ridiculo; css ridicula:(realmente solo uso el background al final el texto lo hice con photoshop)
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
    text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; 
    text-align: center}
h3 {font.size: 2.5em; color:black ; font-weight: bold ; text-decoration: none ; 
    text-align: center}
h4 {font.size: 1em; color:white ; font-weight: bold ; text-decoration: none ; 
    margin:0px 10px 0px 10px}
body {background-image: url(../objetos/fondo.png) ; text-align:center }

a         {color: black ; text-decoration:none }
a:link    {}
a:visited {}
a:hover   {color:blue ; text-decoration:none ; background-color: none}
a:active  {}
Los 4 archivos del lightbox no los he tocado (dejaba la apariencia para el final jejeje)
Icelost · · Solicitar retirada
Pues ya esta solucionado; si pueden cerrar el post lo agradeceria.
EN un proceso de limpieza y dejar lo minimo posible he visto que el </map> no le hacia gracia a firefox donde estaba y lo he colocado al final del todo y muy a mi pesar(no es correcto ponerlo asi, creo yo) funciona y lo mejor es que funciona y no afecta a los otros exploradores.
johnpeterjp · · Solicitar retirada
Ok, cerramos el tema y de paso felicidades por la web esta impresionante. Muy buena. :D