Foros del Web » Creando para Internet » CSS »

Problema con algunos fondos en IE 6.5

Estas en el tema de Problema con algunos fondos en IE 6.5 en el foro de CSS en Foros del Web. Qué navegador tan problemático. Ahora el rollo es que IE oculta algunos background, sin importar que sean imágenes o colores. Cuando la web abre se ...
  #1 (permalink)  
Antiguo 03/10/2007, 15:04
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Problema con algunos fondos en IE 6.5

Qué navegador tan problemático. Ahora el rollo es que IE oculta algunos background, sin importar que sean imágenes o colores. Cuando la web abre se ve mal, pero una vez que actualizo con F5 se "arregla". En ocasiones hasta se oculta el texto a causa de este bug ¿A alguien le ha pasado y cómo lo solucionó?. Tengo el presentimiento que lo que vuelve "loco" al IE son las capas con posicionamiento, pero la verdad no sé.
  #2 (permalink)  
Antiguo 04/10/2007, 02:48
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: Problema con algunos fondos en IE 6.5

¡Qué tal Meta!

Lo extraño es que se arregle al refrescar la página... recuerdo que en una ocasión tuve un problema con la imagen de fondo por no ubicarla (era no-repeat), pero le añadí la posición y se arregló...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 16/10/2007, 17:39
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Re: Problema con algunos fondos en IE 6.5

Hola caricatos, disculpa la tardanza en responder. El problema sólo ocurre con esa versión. Aún no tengo ni idea de la causa.

Saludos.
  #4 (permalink)  
Antiguo 16/10/2007, 17:55
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Re: Problema con algunos fondos en IE 6.5

hola meta, que alegría leerte por aquí!

usas muchos float/position absolute?
exactamente los fondos de que desaparecen?
Hay un bug conocido de los fondos de los li
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #5 (permalink)  
Antiguo 18/10/2007, 17:29
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Re: Problema con algunos fondos en IE 6.5

La alegría es mutua pana :)
Cita:
Iniciado por webosiris Ver Mensaje
usas muchos float/position absolute?
Bueno, después de superar la "fiebre" de posicionar todo, me he moderado desde hace tiempo . El problema surgiò de nuevo ayer en capas no posicionadas. Lo màs exèntrico que tenìa era un contenedor con margin: 0 auto.

Hoy precisamente me preguntè si IE se vuelve loco por el uso de algunos tonos. Un aspecto en común que recuerdo en este momento es el uso de tonalidades marrones en los fondos problemàticos, desde el crema, beige hasta el marrón en sí. Tú también eres dado a esos tonos ¿no has tenido algún inconveniente similar?. Suena un poco descabellado, pero con ese explorador nunca se sabe jeje.

Cita:
Iniciado por webosiris Ver Mensaje
exactamente los fondos de que desaparecen?
Hay un bug conocido de los fondos de los li
La apariencia que da se parece a un javascript mal configurado. Cuando la página carga, no se ven algunas partes del texto, bien sean listas, títulos, párrafos, etc. sin importar si el fondo es imagen o color generado por CSS. IE es el único navegador que presenta ese problema. Con respecto al link que me diste, gracias panita, ciertamente habla de eso y ojalá me dè una idea de -al menos- por dónde viene la cuestión.
  #6 (permalink)  
Antiguo 18/10/2007, 18:46
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Re: Problema con algunos fondos en IE 6.5

Cita:
Iniciado por metacortex Ver Mensaje
Bueno, después de superar la "fiebre" de posicionar todo, me he moderado desde hace tiempo .



Cita:
Hoy precisamente me preguntè si IE se vuelve loco por el uso de algunos tonos. (...) Tú también eres dado a esos tonos ¿no has tenido algún inconveniente similar?
me parece algo excéntrico eso... y no, nunca tue problemas (el ie será racista?? mirá que es del país de las demandas y le podemos sacar unos cuantos millones!!)

Cita:
La apariencia que da se parece a un javascript mal configurado. Cuando la página carga, no se ven algunas partes del texto
no se ve en fondo o no se ve el texto??
Es que son cosas diferentes... hay varios bugs que "se comen" al texto. Hechale un vistazo a la lista de bugs de PiE

Cita:
IE es el único navegador que presenta ese problema
y solo con la versión 6.5? con la 7 no te pasa?

Podrías tambien intentar usar el javascript IE7, que arregla varios fallos del ie 6.5
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #7 (permalink)  
Antiguo 25/10/2007, 17:59
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Re: Problema con algunos fondos en IE 6.5

Si jeje, eso de los tonos fue "burrístico" de mi parte (pero "de que vuelan vuelan"). Sin embargo ya dí con el problema. Tal como lo dice el link que me diste, el asunto tiene que ver con el posicionamiento. Lo curioso es que en algunos casos la solución está en ponérselo y en otros en quitárselo, o bien quitándoselo y colocándoselo en la capa contenedora. Ahí "tanteando" he ido solucionando, pero sí me gustaría saber a qué se debe. Bueno, por lo menos lo principal está resuelto. Gracias pana.

Saludos.
  #8 (permalink)  
Antiguo 06/01/2008, 09:51
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Re: Problema con algunos fondos en IE 6.5

No hay caso. A estas alturas he intentado un montón de cosas y aún no se termina de resolver el problema en IE.

Ésta es la página que presenta el lío con los fondos:
http://www.carpinteria.com.ve/index....mart&Itemid=29

Cada cuadro o sección correspondiente al producto genera un código repetitivo que es éste:

Código HTML:
<div class="ecProducto" id="row_4780f24a8fd60">
	<div class="imagen">
		<script type="text/javascript">//<![CDATA[
			document.write('<a href="javascript:void window.open(\'http://www.carpinteria.com.ve/components/com_virtuemart/shop_image/product/07ffe9ddca242b2977390ad6051dc163.jpg\', \'win2\', \'status=no,toolbar=no,scrollbars=no,titlebar=no,menubar=no,resizable=no,width=500px,height=500px,directories=no,location=no\');">');
			document.write('<img src="http://www.carpinteria.com.ve/components/com_virtuemart/show_image_in_imgtag.php?filename=bb86c62b0e07a1eab2e3798a9662df7d.jpg&amp;newxsize=150&amp;newysize=150&amp;fileout=" class="img100px" border="0" title="Arme su Puerta (cerezocpanel)" alt="Arme su Puerta (cerezocpanel)" /></a>' );
			//]]>
		</script>
		<noscript>
			<a href="http://www.carpinteria.com.ve/components/com_virtuemart/shop_image/product/07ffe9ddca242b2977390ad6051dc163.jpg" target="_blank" title="Arme su Puerta (cerezocpanel)">
			<img src="http://www.carpinteria.com.ve/components/com_virtuemart/show_image_in_imgtag.php?filename=bb86c62b0e07a1eab2e3798a9662df7d.jpg&amp;newxsize=150&amp;newysize=150&amp;fileout=" class="img100px" border="0" title="Arme su Puerta (cerezocpanel)" alt="Arme su Puerta (cerezocpanel)" />
			</a>
		</noscript>
		<p style="text-align: center; margin-top: 6px;">Agrandar Imagen</p>
	</div>
	<div class="datos">
		<div class="nombre">
			<h3><a title="Arme su Puerta (cerezocpanel)" href="http://www.carpinteria.com.ve/index.php?page=shop.product_details&amp;flypage=shop.flypage&amp;product_id=25&amp;category_id=21&amp;manufacturer_id=0&amp;option=com_virtuemart&amp;Itemid=29">Arme su Puerta (cerezocpanel)</a></h3>
		</div>
		<div class="descripcion">
			Usted decide qué llevará su Puerta. ¡Ármela Ud. mismo(a) con nosotros!Sólo coloque los datos en el formulario para saber el costo y -si es de su satisfacción- proceder con la transacción para su posterior entrega.
		</div>
		<div class="precio">
			<p class="ecTextOferta">Oferta</p>
			<p class="ecTextPrecio">Bs.F: 382</p>
			<p class="negrita">(incluye IVA 9 %)</p>
		</div>
		<div class="detalles">
			<a href="http://www.carpinteria.com.ve/index.php?page=shop.product_details&amp;flypage=shop.flypage&amp;product_id=25&amp;category_id=21&amp;manufacturer_id=0&amp;option=com_virtuemart&amp;Itemid=29" title="Ver Detalles">Ver Detalles...</a>
		</div>
	</div>
</div> 
Éste es un ejemplo de la falla visual que da IE. Fíjense cómo corta los textos, los cuales aparecen de nuevo al mover la rueda del ratón:



Los archivos CSS correspondientes:

CSS de la Tienda, donde se encuentran la mayoría de los estilos del HTML de arriba:
http://www.carpinteria.com.ve/templa...los_tienda.css

CSS general de toda la página:
http://www.carpinteria.com.ve/templa..._generales.css

Y el CSS de IE:
http://www.carpinteria.com.ve/templa.../iexplorer.css

Si alguien logra ver la falla, en serio agradecería su ayuda. Este rollo con IE6 ya me está sacando de quicio.
  #9 (permalink)  
Antiguo 14/04/2008, 11:04
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Re: Problema con algunos fondos en IE 6.5

Disculpen si revivo este post, pero al parecer la falla se soluciona -además de posicionar relativo/absoluto)- definiéndole un ancho a la capa padre inmediata. Si alguien se tropieza con el mismo problema y puede confirmar esto, se le agradece el comentario.
  #10 (permalink)  
Antiguo 14/04/2008, 17:45
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Re: Problema con algunos fondos en IE 6.5

Cita:
Iniciado por metacortex Ver Mensaje
Disculpen si revivo este post, pero al parecer la falla se soluciona -además de posicionar relativo/absoluto)- definiéndole un ancho a la capa padre inmediata. Si alguien se tropieza con el mismo problema y puede confirmar esto, se le agradece el comentario.
ultimamente he tenido una gran variedad de proyectos a maquetar, y descubrí que muuchos fallos se solucionan de estas pocas maneras:
- margenes duplicados de algo que flota: dalre "display:inline" a lo que flota
- fondos comidos, texto desaparecido, etc: darle "hasLayout" (generalmente uso "height:1%")
- problema X que no se soluciona con lo anterior: darle position:relative al elemento problemátixo o a su padre.

de estas 3 formas he podido solucionar el 99% de los problemas de IE que me he ido encontrando (lo de los márgenes duplicados, que antes o no me pasaba o no me daba cuenta, se me ha vuelto bastante común).
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #11 (permalink)  
Antiguo 14/04/2008, 20:10
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: Problema con algunos fondos en IE 6.5

Cita:
Iniciado por webosiris Ver Mensaje
ultimamente he tenido una gran variedad de proyectos a maquetar, y descubrí que muuchos fallos se solucionan de estas pocas maneras:
- margenes duplicados de algo que flota: dalre "display:inline" a lo que flota
- fondos comidos, texto desaparecido, etc: darle "hasLayout" (generalmente uso "height:1%")
- problema X que no se soluciona con lo anterior: darle position:relative al elemento problemátixo o a su padre.

de estas 3 formas he podido solucionar el 99% de los problemas de IE que me he ido encontrando (lo de los márgenes duplicados, que antes o no me pasaba o no me daba cuenta, se me ha vuelto bastante común).
muy bueno webosiris
  #12 (permalink)  
Antiguo 11/07/2008, 07:04
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Problema con algunos fondos en IE 6.5

Al fin descubrí de qué se trata esto.

supongamos que tenemos un div contenedor, un párrafo con contenido y dos span posicionados absolutos arriba y abajo.

Así se genera el bug en IE 6:

Código HTML:
<div class="contenedor">
  <span class="absoluto-arriba">
  <p>Este es el contenido</p>
  <span class="absoluto-abajo">
</div> 
Así se soluciona el bug:

Código HTML:
<div class="contenedor">
  <span class="absoluto-arriba">
  <span class="absoluto-abajo">
  <p>Este es el contenido</p>
</div> 
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:01.