Foros del Web » Creando para Internet » HTML »

Problema con Internet Explorer

Estas en el tema de Problema con Internet Explorer en el foro de HTML en Foros del Web. Hola a todo el mundo, os escribo para ver si me podéis echar un cable (otro más). Tengo una lista de productos en la web, ...
  #1 (permalink)  
Antiguo 05/04/2011, 04:09
Avatar de sergi_multimedia  
Fecha de Ingreso: noviembre-2010
Mensajes: 213
Antigüedad: 7 años
Puntos: 4
Pregunta Problema con Internet Explorer

Hola a todo el mundo, os escribo para ver si me podéis echar un cable (otro más).

Tengo una lista de productos en la web, en todos los navegadores me sale correctamente, ordenadas, en cambio con Internet Explorer me sale todo desordenado, sin sentido y no encuentro la solución.

Alguien sabe que puedo hacer?

Esta es la web

http://s310876771.mialojamiento.es/p...ta_design.html

Un saludo y gracias de antemano.
  #2 (permalink)  
Antiguo 05/04/2011, 04:53
 
Fecha de Ingreso: marzo-2011
Mensajes: 119
Antigüedad: 6 años, 9 meses
Puntos: 9
Respuesta: Problema con Internet Explorer

Hola

Puede ser que en tu hoja de estilos tengas una propiedad mal ejecutada pero si ya lo has revisado puedes hacer una hoja de estilos solo pa IE Y poner en tu cabecera
Cita:
<!--[if IE 7]><link href="tu.hoja de.estilo" media="all" rel="stylesheet" type="text/css" /><![endif]-->
para que en caso de que lo vean con IE se ejecute la hoja de estilo para el navegador
  #3 (permalink)  
Antiguo 05/04/2011, 05:28
Avatar de sergi_multimedia  
Fecha de Ingreso: noviembre-2010
Mensajes: 213
Antigüedad: 7 años
Puntos: 4
Respuesta: Problema con Internet Explorer

Hola saul123, gracias por pasar.

El css me valida en la w3c así hasta aquí está correcto.

Lo que me has puesto la verdad no lo acabo de entender mucho, te comento:

He copiado TODO lo que me has puesto dentro del <head> y me sale como un comentario, hay que poner todo o solo lo que está dentro de <link>?

Una vez copiado esto, ¿tengo que poner dentro un css diferente al de la página web, es decir uno para IE?

Entonces dentro de este CSS de IE que css que es lo mejor para que se me vea correctamente? Utilizo tablas?

La verdad que ahora estoy más confuso ejejje

No hay alguna instrucción que pueda añadir dentro de mi css original? o mejor aún, quizás no lo haya diseñado correctamente, me aconsejas otra forma de hacer lo que quiero en HTML y que sea compatible con todos los navegadores?

Perdón por el rollo!
  #4 (permalink)  
Antiguo 05/04/2011, 17:30
Avatar de zerokilled
Javascripter
 
Fecha de Ingreso: abril-2009
Ubicación: Isla del Encanto, La Borinqueña [+>==]
Mensajes: 8.049
Antigüedad: 8 años, 7 meses
Puntos: 1484
Respuesta: Problema con Internet Explorer

buenas...

Cita:
El css me valida en la w3c así hasta aquí está correcto.
una cosa es que valide y otra es que este correctamente aplicado. y como es de costumbre, en ocaciones distintos navegadores interpretan la misma propiedad de diferentes formas. te sugiero que solicites mover el tema a css porque el tema es mas de esa area.

__________________
la maldad es una virtud humana,
y la espiritualidad es la lucha del hombre contra su maldad.
  #5 (permalink)  
Antiguo 05/04/2011, 17:49
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Problema con Internet Explorer

Valida el html en la w3c , estoy seguramente te olvidaste de cerrar alguna etiqueta
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #6 (permalink)  
Antiguo 05/04/2011, 18:37
 
Fecha de Ingreso: marzo-2011
Mensajes: 184
Antigüedad: 6 años, 8 meses
Puntos: 11
Respuesta: Problema con Internet Explorer

Cita:
Iniciado por saul123 Ver Mensaje
Hola

Puede ser que en tu hoja de estilos tengas una propiedad mal ejecutada pero si ya lo has revisado puedes hacer una hoja de estilos solo pa IE Y poner en tu cabecera


para que en caso de que lo vean con IE se ejecute la hoja de estilo para el navegador
Ahhh muy buen tip, no sabía que se podía hacer eso de manera tan sencilla. Habré de probarlo en la próxima oportunidad. Gracias.

Saludos!

__________________
“Un estómago vacío, es un mal consejero.” Albert Einstein

Reflexiones, humor gráfico, chistes, Deporte, Consejos y tips
  #7 (permalink)  
Antiguo 05/04/2011, 20:30
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Problema con Internet Explorer

También añadir, que aunque valides tu código no es una garantía de que se vea bien en IE, ya que este navegador tiene dificultades para seguir los estándares, puedes ver estos links que te pueden ayudar:

http://www.cssblog.es/listado-de-bug...lorer-6-7-y-8/
http://net.tutsplus.com/tutorials/ht...w-to-fix-them/ (en inglés)

Pudes ver lo de los comentarios condicionales (lo que te pusieron en la primera respuesta) para crear una hoja de estilo aparte para internet explorer si se te complica mucho.

También podrías poner tu sitio para ver como andas en el código.

Saludos:adiós:
__________________
Grupo Telegram Docker en Español
  #8 (permalink)  
Antiguo 11/04/2011, 02:23
Avatar de sergi_multimedia  
Fecha de Ingreso: noviembre-2010
Mensajes: 213
Antigüedad: 7 años
Puntos: 4
Respuesta: Problema con Internet Explorer

Hola Carlangueitor, muchas gracias por los enlaces, la verdad es que me han servido, he podido solucionar los problemas de visualización con Internet Explorer 8....pero ahora es la versión 9 que no se visualiza bien (manda cojones!), la verdad es que da un poco de asco este navegador, porqué no pueden seguir los estándares como el resto de navegadores? Pero que hacen estos de Microsoft?

En fin, el problema es con las listas donde hay imágenes, y estas tienen un enlace.

Por ejemplo, en este enlace http://s310876771.mialojamiento.es/p...s/puecesa.html las puertas aún no he insertado ningún enlace, y se visualizan bien con Internet Explorer 9.

En cambio, las listas con imágenes y estas con enlaces se ve mal, como estas (tirar más abajo, justamente el primer trozo se ve bien) http://s310876771.mialojamiento.es/p...ta_design.html

Hay algo del css en los enlaces de las imágenes que no lo soporta IE.

Código HTML:
Ver original
  1. <ul class="imatges">
  2.         <li><a href="../imatges/vita%20design/square/MM-MR-M1-BL-NG_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M1-BL-NG_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
  3.         <li><a href="../imatges/vita%20design/square/MM-MR-M1-BM-NE_RGB_600_lienzo.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M1-BM-NE_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
  4.         <li><a href="../imatges/vita%20design/square/MM-MR-M1-RO-GR_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M1-RO-GR_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
  5.         <li><a href="../imatges/vita%20design/square/MM-MR-M1-WM-MR_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M1-WM-MR_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
  6.         <li><img src="../imatges/fafafa.png" alt="" width="120" height="255" /></li>
  7.         <li><div class="material2">SQUARE M1</div></li>
  8.         <li><div class="material2">SQUARE M1</div></li>
  9.         <li><div class="material2">SQUARE M1</div></li>
  10.         <li><div class="material2">SQUARE M1</div></li>
  11.         <li><div class="material2"><img src="../imatges/fafafa.png" alt="" width="1" height="1" /></div></li>
  12.         <li><a href="../imatges/vita%20design/square/MM-MR-M2-BL-NG_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M2-BL-NG_RGB_120.jpg" alt="porta vita design square M2" width="120" height="255"/></a></li>
  13.         <li><a href="../imatges/vita%20design/square/MM-MR-M2-GR-CC_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M2-GR-CC_RGB_120.jpg" alt="porta vita design square M2" width="120" height="255"/></a></li>
  14.         <li><a href="../imatges/vita%20design/square/MM-MR-M2-NCR-CN_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M2-NCR-CN_RGB_120.jpg" alt="porta vita design square M2" width="120" height="255"/></a></li>
  15.         <li><img src="../imatges/fafafa.png" alt="" width="120" height="255"/></li>
  16.         <li><img src="../imatges/fafafa.png" alt="" width="120" height="255"/></li>
  17.         <li><div class="material2">SQUARE M2</div></li>
  18.         <li><div class="material2">SQUARE M2</div></li>
  19.         <li><div class="material2">SQUARE M2</div></li>
  20.         <li><div class="material2"><img src="../imatges/fafafa.png" alt="" width="1" height="1" /></div></li>
  21.         <li><div class="material2"><img src="../imatges/fafafa.png" alt="" width="1" height="1" /></div></li>
  22.         <li><a href="../imatges/vita%20design/square/MM-MR-M3-BL-BC-BO-GR_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-M3-BL-BC-BO-GR_RGB_120.jpg" alt="porta vita design square M3" width="120" height="255"/></a></li>
  23.         <li><a href="../imatges/vita%20design/square/MM-MR-NPAD-M1-BL-NG_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-NPAD-M1-BL-NG_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
  24.         <li><a href="../imatges/vita%20design/square/MM-MR-NPAD-M2-BL-NG_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-NPAD-M2-BL-NG_RGB_120.jpg" alt="porta vita design square M2" width="120" height="255"/></a></li>
  25.         <li><a href="../imatges/vita%20design/square/MM-MR-NPAD-M2-GR-CC_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-NPAD-M2-GR-CC_RGB_120.jpg" alt="porta vita design square M2" width="120" height="255"/></a></li>
  26.         <li><a href="../imatges/vita%20design/square/MM-MR-NPAD-M1-BL-NG_RGB_700.jpg"><img src="../imatges/vita%20design/square/120/MM-MR-PAD-M1-BL_RGB_120.jpg" alt="porta vita design square M1" width="120" height="255"/></a></li>
  27.         <li><div class="material2">SQUARE M3</div></li>
  28.         <li><div class="material2">SQUARE M1 VIDRE</div></li>
  29.         <li><div class="material2">SQUARE M2 VIDRE</div></li>
  30.         <li><div class="material2">SQUARE M2 VIDRE</div></li>
  31.         <li><div class="material2">SQUARE M10</div></li>
  32.    
  33.     </ul>
Código CSS:
Ver original
  1. ul.imatges  {
  2.     width: 750px;
  3.     list-style: none;
  4. }
  5.  
  6. .imatges li {
  7.     margin-right: 19px;
  8.     display: inline;
  9.     width: 120px;
  10.     float: left;
  11. }
  12.  
  13. .material2 {
  14.     font-variant: normal;
  15.     font-size: 11.5px;
  16.     text-align: left;
  17.     width: 119px;
  18.     margin-right: 21px;
  19.     float: left;
  20.     font-family: Tahoma, Verdana, "Sans Serif";
  21.     margin-bottom: 25px;
  22.     display: block;
  23. }

¿Puede que me falte añadir un "img a:link {?????}" en el css?

Gracias de antemano por todas las respuestas.

Un saludo!

Etiquetas: explorer, internet, lista
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:08.