CSSBlog ES – ¡CSS 100%! -

Estuve investigando bastante, y por lo menos a mi me resulta muy extraño este bug ya que no veo que se haya comentado en ninguna parte....
Sucede que al pasar el mouse por ciertas zonas de mi página en IE 6, se deforma el mouse por un cuarto de segundo, es tan rapido que no se llega de diferenciar muy bien. Por lo que llego a ver, se estira y se deforma a un color rojo, pixeleado... Es rarisimo, y nunca entendí por qué pasa esto.

Si alguien con más experiencia en resolver bugs IE 6 fuera tan amable de explicarme esto, estaría muy agradecido.

Por cierto, está excelente el artículo. Me será muy util !.

Saludos.

@carlos sánchez: escríbelo en el foro: http://comunidad.cssblog.es

Un saludo.

Hola
Estoy empezando en esto del diseño de páginas web y estoy usando Dreamweaver. Quiero poner una imagen de fondo pero no me la muestra en IE8 y si en mozila. ¿Sabes a qué se debe esto?
Te escribo el código a ver si ahí esta el error. Saludos.




Página de Carlos Sánchez





hola

@Txusele, Eso es lo que hice ayer por la tarde... esa ha sido mi solucion la tuya y creo que la de muchos. Muchas Gracias por todo.

Ah!!!! que os parece esta web?? www.microzep.com Esa es la mia personal... espero que os guste. Ya me comentareis.

Un Saludo,

Salvador Anaya

Siempre está la opción de "Guardar para web" en Photoshop o alguna similar en el resto. Las pueden pasar a 72 ppp.
El propio pluging con el que subes las imágenes igual tiene alguna opción para optimizar.

@Tusele Antes de nada agradecer tu ayuda. De todas formas mis ideas y sospechas andaban por ese camino, asi que, ya me lo has revelado del todo. Lo que me intriga es; ¿Por que funciona en otros exploradores a la prefeccion y en iE8 no? Mi problema es que las imagenes de ese sitio web no las subo yo, si no que, las suben los integrantes del equipo y como sabras los usuarios normales no saben optimizar las imagenes. De todas formas esas imagenes al redimensionarlas (que es lo que hacen) no se pueden reducir mucho mas.

¿Que me aconsejas que haga?

Muchas Gracias por todo.

Un Saludo,

Hola, creo que el problema es de optimizacion de las imágenes.
Al poner cada imagen de más de 150Kb, al navegador no le da tiempo a cargarlo todo y se deja cosas sin montar correctamente. No es que no lo cargue, es que no le da tiempo a cargar todo antes de mostrar la página.
Si seleccionas algo de la página o actualizas, como ya ha leido las imágenes y las tienes en caché lo carga todo rápidamente y lo monta como debe.

@Anaya pregúntalo en el foro, tendrás mayor posibilidad de respuestas: http://comunidad.cssblog.es

Un saludo.

Buenas compañeros.
Queria mostraros una pequeña web de mi equipo de futbol para que veais el error que sale. Entrando con otros exploradores no me ha fallado pero si lo hago con ie8 no sale bien. El texto se sobrepone por encima de imagenes y otros elementos pero ahora si actualizo la pagina se ve bien al igual que si selecciono texto... automaticamente sale bien. La pagina es www.dijafc.3a2.com.

Sabeis a que es debido. Me sacaria de una apuro.

UN Saludo,

joder tio muchas gracias me has salvado la vida, no seme veia unas imagenes de background y no encotrraba el problema y era un maldito espacio despues de la propiedad repeat no-repeat, maldito IE, muchas gracias de nuevo muymuymuymuymuy util

Sólo a modo de comentario, y sin entrar en polémicas de navegadores, deciros que diseño páginas web en España, y de vez en cuando veo las estadísticas de acceso a las webs de mis clientes. Pues bien, muy a mi pesar, iexplorer sigue siendo el rey con cerca de un 70/80 % de accesos. A parte, los clientes no suelen preocuparse de actualizarse el sistema y, como iExplorer no es tan listo como Firefox por ejemplo (que se actualiza sólo) me encuentro aún muchos ordenadores con version 6 que es la que traía XP original sin service Pack.
Así que yo al menos cuando finalizo una web tengo que pasearme por varios equipos (incluso de amigos) para verlo en version 6, 7,8 de explorer, en Firefos, en Opera, en Chrome y en Safari (porque algún despistado se ha comprado un Mac en España ;-).
Saludos y muy buen post de los bugs.

Gracias por este gran aporte a la humanidad y a los que nos rompepos el como diseñando bajo css.
Ultimamente estaba mensando de dejar de tranbajar en web, gracias al maldito Internet Explorer y toda la lacra de sus versiones, al punto tal que queria ponerme una heladería. Pero me tope con tu blog, el hecho un poco de claridad a mi perturbacion.

Soy de La Plata, Argentina.

@Raul, no veo que en ningún momento Christian haya dicho que IE siga los estándares webs, el maquetar teniendo en cuenta este navegador no tiene nada que ver con eso, sino con el cliente y el usuario final. ¿Queremos perderlos? Sigue siendo aún un porcentaje muy elevado como para no tenerlos en cuenta.

¿Para cuando la lista de errores de chrome y firefox?

@Raul la solución que te sirva será la más adecuada, si a ti te sirve solucion A y no la B, pues descartas B y agarras A. En cambio si la A no te sirve, y la B si te sirve, pues descartas A y agarras B. No es muy complicado

Christian, no tienes en absoluto razón.

Efectivamente con los CSS se puede realizar un buen Crossbrosing, y hacer que se vea correctamente en todos los navegadores, incluso con un solo archivo CSS, pero ello no le quita razón al autor del post, Internet Explorer no es estandar en absoluto y lo que en un principio eran ayudas a la maquetación de webs, esos bugs se han convertido en la razón de odio de los diseñadores actuales que no entienden como demonios reacciona así ese navegador.

Bueno, es que esa web es especial, es una web familiar, creada por mi como regalo, y entonces claro, en parte al ser yo el propio cliente, pues me propuse practicar CSS3 entre otras cosas, sin importarme que haya gente que utilice peores navegadores.

Pero obviamente si hiciera una web para un cliente real, haría que esa web se viera como mínimo en el IE8 igual que con el resto de navegadores.

Pero eso no quita que para maquetar siempre me fijo en navegadores que siguen los estándares web, utilizas un buen reset de CSS y lo maquetas, y una vez que he terminado, entonces miro como se ve la web en el Explorer, y me pongo a trabajar en su CSS específico.

PD: vale que no puedes obligar a que la gente no utilice IE8, pero sí debemos medio obligarles a que utilicen la última versión de su explorador, además, cada vez son más las web que tienen en mente dejar de dar soporte al IE6, ej: youtube http://www.anieto2k.com/2009/07/14/youtube-se-u... , los seguidores del NOIEDay http://www.anieto2k.com/2009/02/25/noie6day-la-... , etc. etc.

Aunque estoy de acuerdo que todo depende de la web, una web orientada a personas mayores, tiene que ser compatible con cualquier navegador, sólo webs que sean utilizadas por gente más joven podrán avisar a la gente de que su navegador es obsoleto...

@Moi como le vas a obligar al navegante a que cambie de navegador, por el solo hecho que tu no quieres diseñar webs que sean compatibles para distintos navegadores. Para eso existen técnicas que se llaman CSS Hacks para poder sortear ciertos dilemas, pero si te pones así de intolerante ante una visita con IE, lo que conseguirás será que no vuelvan a entrar, y den mala referencia tuya.
Recuerda también que la mayoria de los clientes no son expertos TI, asi que posiblemente ni siquiera tienen actualizado su antivirus, mucho menos tendrían actualizado el navegador en una ultima versión. Viendo tu sitio web de referencia http://www.hornosanagustin.uni.cc/ noto que es una web orientada hacia un publico adulto-mayor, por tanto que ellos utilizan Internet para una navegacion mas que definida hacia la búsqueda de contenidos, y no se están fijando en detalles de diseño, sino mas bien en el contenido y calidad de informacion de la web. Sugerencia: realiza algo de análisis sobre tu cliente, el publico que tendria la WEB DE TU CLIENTE (no es tuya la web, solo la diseñas) y luego adopta un criterio objetivo sobre el impacto que el cliente quiere lograr sobre sus clientes. En base a toda esta información recolectada, ponte a trabajar en la web.
PD: El cliente siempre tiene la razón (Nosotros como diseñadores y/o desarrolladores solamente aconsejarle sobre algunas cuestiones para optimizar y alcanzar sus metas mediante una web)

Muy buena la entrada.
Sería bueno que también pudieras publicar listado similar para otros navegadores, como ser FireFox y Chrome, que son los mas utilizados despues del IE

PD: IE = Inmenso Excremento (cuanto más se sube de versión, se vuelve mas Inmenso)

Yo lo que hago es maquetar sin tener en cuenta el Explorer, tengo en cuenta el Firefox, Safari y Crome, que son los navegadores más compatibles ( http://a.deveria.com/caniuse/#agents=All&ca... , abajo del todo hay un resumen de compatibilidad) y luego intento arreglarlo para que se vea mínimamente bien en el Explorer 8 (los anteriores ni los tengo en cuenta).

Por eso esta web hecha por mi: http://www.hornosanagustin.uni.cc , si se entra con el Explorer se ve de pena (ya que tiene transparencias, bordes redondeados, sobras de texto y sombras de bloque), y además, se ve un mensaje de que se está utilizando un navegador obsoleto, y te aparece los enlaces para descargarte los tres navegadores citados.

Muy buen post. Había algunos que ya conocía pero otros no.
Gracias