Problema con algunos fondos en IE 6.5

[metacortex]

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é.

[caricatos]

¡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

[metacortex]

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.

[webosiris]

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

[metacortex]

La alegría es mutua pana :)

Iniciado por webosiris

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.

Iniciado por webosiris

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.

[webosiris]

Iniciado por metacortex

Bueno, después de superar la "fiebre" de posicionar todo, me he moderado desde hace tiempo .

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!!)

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

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

[metacortex]

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.

[metacortex]

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.

[metacortex]

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.

[webosiris]

Iniciado por metacortex

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).

[DragonX]

Iniciado por webosiris

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

[metacortex]

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>