carrusel jquery no funciona en IE

nemodigital · #1 (**permalink**) 18/01/2009, 15:03

Despues de casi terminar de desarrollar un sitio web, compruebo que el carrusel que tenía implantado con jquery, deja de funcionar en IE y en firefox y safari, funciona perfectamente.
Pues llevo dos días mirando y mirando y no veo nada extraño, no tengo ni idea de por que.

Por favor, necesito que me echéis una mano, no tengo ni idea de por que y he probado mil cosas.
Un saludo.
Aquí os dejo la url: http://vinaloporural.com

marcopoloaz06 · #2 (**permalink**) 19/01/2009, 01:43

hola, porque no intentas cambiando a la version 1.2.6 de jQuery talvez eso solucione algo

saludos
:]

nemodigital · #3 (**permalink**) 19/01/2009, 06:10

Gracias por tu consejo, lo he hecho y no, sigue sin funcionar.
La verdad que no tengo ni idea de porque.

#4 (**permalink**) 19/01/2009, 06:33

1. Actualiza como te han dicho la versión de jQuery, porque estás usando la 1.2.3b y no deberías.

2. Tienes mal la declaración del DOCTYPE. Sólo tienes la mitad y queda abierto. Es como si te faltara una línea. Eso es muy posible que haga que IE se ponga en algún quirksmode y de errores. Arregla eso y vuelve a probar.

nemodigital · #5 (**permalink**) 19/01/2009, 08:31

gracias venkman, he hecho lo que me has comentado, he cerrado la declaración del DOCTYPE y he actualizado la versión de jQuery. En:http://vinaloporural.com/barra/ he usado la version jquery-1.2.6.min.js y en http://vinaloporural.com/comedor/ he usado la versión jquery-1.2.6.pack.js y nada, sigue sin funcionar.

Estoy por empezar de nuevo desde el principio, no encuentro solución, ni yo, ni nadie.

#6 (**permalink**) 19/01/2009, 08:43

Ahora lo que no has cerrado son las comillas de:

<script type="text/javascript" src="../javascript/jquery-1.2.6.min.js></script>

Te falta esto:

<script type="text/javascript" src="../javascript/jquery-1.2.6.min.js"></script>

Eso en la página de /barra

En la página de comedor tienes:
<div id="skipLink"><p><a href="#content" Ir directamente al contenido principal">ir al contenido</a></p></div>
Que supongo que será algo como...
<div id="skipLink"><p><a href="#content" title="Ir directamente al contenido principal">ir al contenido</a></p></div>

Ah, y en ambas no se cargan correctamente todos los CSS. Pero supongo que eso ya lo habrás notado tú mismo.

Y no creo que sea tan dramático como para empezar de cero. Lo que necesitas es prestar más atención a los detalles. Quizá utilizar un editor con resalte de sintaxis si es que no lo usas, o validar el HTML para encontrar este tipo de fallos. Conserva la calma y no desesperes, que solución siempre se encuentra. Lo que ocurre es que a veces no existe un único problema.

nemodigital · #7 (**permalink**) 22/01/2009, 15:12

Gracias venkman por tu interés y por echarme la bronca por los despistes.
Te quiero comentar lo del tema de cerrar el DOCTYPE, que me ha traido de cabeza y de repetir y repetir, ya que tu me decias que no fuera tan trágico. Bueno, te comento: si cierro el DOCTYPE, que tu me dices que está abierto,y es cierto, no funciona la página en firefox y si funciona en IE. Como verás, el tema ya me está, no solo obsesionando, si no que por las noches hasta sueño con ello.
Como verás, he actualizado la versión de jQuery, he repasado el código y esto sigue sin funcionar en IE.

Gracias por tu interés y tu ayuda, haber si saco algo en claro.
He actualizado http://vinaloporural.com/barra/ por si querías comprobarlo.
Un saludo.

#8 (**permalink**) 23/01/2009, 02:11

nemodigital, sigue estando el doctype mal:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="http://www.w3.org/1999/xhtml" lang="es"><!-- Source is http://www.warynessy.com/ -->

Ponlo bien. Si te deja de funcionar en Firefox, vienes, me lo dices y lo miro en Firefox. Pero es que si no lo cierras bien, no va a funcionar en IE nunca. Así que es más fácil que lo pongas bien, y miremos qué es lo que pasa en Firefox.

jerkan · #9 (**permalink**) 23/01/2009, 05:52

Yo lo que haría sería montarme un ejemplo simple y pequeño del carrusel para comprobar que funciona en 'todos' los navegadores.

Luego, empezaría a comentar trozos de código para aislar el fallo que seguro existe.

Un saludo y suerte

nemodigital · #10 (**permalink**) 23/01/2009, 09:26

Hola a todos:
venkman, ya he cerrado el doctype. Ya puedes comprobarlo: http://vinaloporural.com/barra/
Ahora en firefox no carga los css y en explorer si los carga.
Y el carrusel jquery funciona en firefox y en explorer no funciona.
Venkman, en el index, está cerrado el doctype y carga perfectamente los css.

Jerkan, estoy probando con un ejemplo sencillo, haber si funciona en todos los navegadores ó no. Pero el carrusel lo he sacado de aquí: http://www.no-margin-for-errors.com/...prettyGallery/ y funciona a la perfección en IE y Firefox.

Gracias por vuestro interés.
Un saludo.

#11 (**permalink**) 23/01/2009, 10:27

El script donde inicializas el prettyGallery y el prettyFoto, lo tienes fuera del head:

Código:

...
</head>
<script> ... </script>
<body>

Eso está mal. Tiene que ir dentro del head.

Además, tu HTML está mal formado. El <div id="barra"> no lo cierras en ningún sitio.

nemodigital · #12 (**permalink**) 23/01/2009, 17:50

Hola de nuevo:

He arreglado todos los fallos en el html y revisado. He cambiado la forma de cargar los css, los he agrupado en un par de archivos. He colocado los script en el <head>, lo he vuelto a repasar y repasar, que venkman me riñe, y tiene toda la razón; pero yo con mis prisas por que funcione a la primera, no le hago caso. Pues señores, en Firefox, funciona y carga los css a la primera. Estoy que me salgo.
Yo trabajo con un mac y compruebo si funciona en el explorer con: http://browsershots.org y cuando he ido a comprobar y " NO FUNCIONA CON EL P... EXPLORER. Será un castigo del señor, ¿habré hecho algo malo en otra vida? No puede ser, lo he probado todo, bueno, solo me queda por hacer lo que voy a hacer en estos momentos. Es probar solo en una página el script con el carrusel y mostrar las fotos, sin nada mas, bueno chicos, desearme suerte y si no funciona, creo que voy a buscar otro script, a podido conmigo.
Un saludo.

estas son las dos páginas que he arreglado:
http://vinaloporural.com
http://vinaloporural.com/barra/indexbarra.html
también las he validado tanto en html, como en css y no hay ni un error.

nemodigital · #13 (**permalink**) 23/01/2009, 18:53

despues de responder al ultimo comentario, he estado investigando en la web donde cogí el script y este chico tiene un blog, en el cual he podido comprobar que no funciona correctamente en IE, o sea que no estaba yo tan loco. Aquí dejo la referencia: http://www.no-margin-for-errors.com/.../#comment-5001 , en un post de un tal Julien dice:
To make it work in IE i had to reset the styles :
* { margin: 0; padding: 0; border: 0; }

And also include this from your layout.css file (in the demo) :
ul.gallery {
list-style: none;
margin: 0 0 10px 0;
}

ul.gallery li {
display: block;
float: left;
margin: 0 5px 0 0;
}

ul.gallery li a {
padding: 2px;
display: block;
border: 4px #9db2b9 double;
line-height: 0;
}
Yo he probado, pero tampoco consigo que funcione en el IE.
Si lo consigue alguien, por favor, aqui estoy impaciente.
NO ESTABA YO TAN LOCO.

jerkan · #14 (**permalink**) 24/01/2009, 11:36

Yo en IE6 veo bien el carrusel en http://vinaloporural.com/barra/.

No sé yo si es buena idea fiarse de lo que te dice http://browsershots.org porque, si no entiendo mal, sólo te hace una captura de pantalla.

Si trabajas en Mac, podrías utilizar parallels para crearte una máquina virtual con windows.

nemodigital · #15 (**permalink**) 08/02/2009, 05:58

Solo agradecer a Jerkan, Venkman y Marcopoloaz06 su apoyo y perdida de tiempo conmigo.
Venkman, por tus broncas, ahora siempre valido antes de nada, yo siempre voy con prisas y me dejo cosas sin repasar, gracias por tu interés. Desde ahora me fijo mucho más.
Jerkan, he instalado parallels y compruebo en IE en local.
Bueno, solo deciros que por vosotros está la web terminada y funcionando a la perfección. Sois los mejores y gracias a gente como vosotros los que tenemos menos conocimientos, sabes muchas mas cosas.
Aquí os dejo la web y lo dicho, muchas gracias.

http://www.warynessy.com/

#16 (**permalink**) 08/02/2009, 06:15

Hombre, yo no pretendía echarte broncas, eh. Pero es que son esas pequeñas cosas las que hacen que sea bastante fácil que algo falle y no se pueda encontrar qué es.

Por lo demás... Enhorabuena! (Casi casi dan ganas de pasarse por el restaurante ese :))