de webmaster a webmaster

Lo que tenemos sobre la etiqueta ‘internet explorer’

Internet Explorer 8 incompatible con max-width

con un 4 comentario, di la tuya, maracuya

Esto es un post rápido o apunte para tenerlo a mano pues tras darme de cabezazos durante un par de horas con una hoja de estilo y la compatibilidad entre diversos navegadores.

En especial esta compatiblidad afecta a Internet Explorer 8, el navegador que tristemente usa la mayor parte del planeta, y que hoy Microsoft pretende jubilar con su nueva versión, si bien es cierto que Internet Explorer 9 tiene buena pinta lamentablemente no es compatible con Windows XP, es decir, sólo funciona bajo Vista y Windows 7.

El Internet Explorer versión 8 o IE8 tiene un bug, y van fosfocientos mil, en fin, aunque quizá no sea tan bug sino una excentricidad o exceso de compatibilidad.

El bug es que Internet Explorer 8 no soporta los estilos max-width, min-width, max-height, min-height propiedades de estilo que como ya sabrás o habrás deducido con tu prodigiosa mente ceceseada sirven para definir el máximo ancho, mínimo ancho y altos de por ejemplo una caja de texto aka DIV.

Esta propiedad funciona perfectamente bajo FireFox, Chrome, Safari etc.

Fíjate en este trozo de código, donde ya te aviso que no funcionará bajo IE8.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
<html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}

Y ahora en este otro, que es el que funciona bajo IE8, la diferencia, es que defines el tipo de documento html sin especificación alguna con el tag DOCTYPE, es decir, no lo haces estricto tal y como se hace en documentos bajo HTML5, y por tanto, max-width funciona bajo IE8

<!DOCTYPE html>
<head>
<style>
.width {
    width:50%;
    min-width:200px;
    max-width:400px;
    background:#eee;
}

Blogueado por uvedobles.com alias uvedobles.com

September 17th, 2010 a las 7:19 am

Arrastrar y soltar en JavaScript

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Hace mucho que no posteo!, Esto no puede ser!!!

Bueno, para enmendar la falta de posteo hoy os traigo algo chachi piruli juan pelotillas, se trata de un componente JavaScript para realizar interficies de arrastrar y soltar, de esas que se llevan tanto gracias a “eipel”

Este conjunto de funciones es compatible con Firefox, Chrome, Safari, Internet Explorer e incluso, atention plis, con dispositivos móviles basados en interficies touch, tales como iPhones, HTC bajo Android y el nuevo famoso y que mola montón iPad de Apple.

Aplicaciones que le podemos dar… pues para temas de zoom progresivo en las tipos de la página, movimiento de imágenes, copia de archivos, carritos de la compra etc.

Enlace: http://code.ovidiu.ch/dragdealer/

Descarga del componente: Arrastrar y soltar en Javascrip (638)

Blogueado por uvedobles.com alias uvedobles.com

June 12th, 2010 a las 1:16 pm

Reproductor de vídeo en HTML5

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Os comentamos una noticia de aquellas que sin llamar en exceso la atención pueden iniciar un antes y un después en cuanto a programación web, ¿por qué? Pues porque con el nuevo reproductor de vídeo en HTML5 se cae al suelo otro de los grandes pilares que justifican la existencia del plugin propietario Adobe Flash para navegadores.

Este pilar es uno de los que aún mantiene vivo a Flash, la reproducción de contenidos en vídeo, hasta ahora vetada para su uso exclusivo, exigiendo sí o sí la presencia del plugin y por ende la obligación para todos los desarrolladores webs de trabajar bajo Flash en aquellas webs con alguna porción de vídeo entre sus contenidos.

Si bien el reproductor de vídeo bajo HTML5 que os mostramos en este post aún se encuentra en fase Alpha y contiene algunos fallos e incompatibilidades con navegadores antiguos o pseudonavegadores como Internet Explorer el camino no ha hecho nada más que comenzar.

No se trata de un desarrollo que excluya Flash al 100% pues Flash se utiliza si el navegador no soporta HTML5 o en el caso de que el reproductor HTML5 no detecte la presencia de un vídeo con la correspondiente codificación OGG, theora vorbis H.264 lanzará un microreproductor bajo Flash para asegurar que la lectura de casi todo tipo de vídeos y su funcionamiento en casi todos los navegadores.

Por nuestra parte lo hemos testeado con éxito bajo FireFox, Chrome, No funcionando para iPhone donde Safari iPhone te muestra un botón para abrir el reproductor quicktime con el objeto de ver ese clip, una vez pulsado funciona correctamente, pero con la sensación de que “has salido” de Safari.

Alguno de los bugs que hemos encontrado es que el botón de pantalla completa no ejecuta su función, maximiza el vídeo siempre dentro de los límites del navegador, si este no se encuentra maximizado a tope tan sólo ocupará el área del navegador, al contrario que Flash que permite realizar un fullscreen de verdad.

Aún con estos pequeños falos y limitaciones la idea, el concepto de reproducir vídeo sin plugins de por medio será el futuro sí o sí.

Enlace: http://www.filenew.org/projekktor/

Código fuente: http://code.google.com/p/projekktor-zwei/source/browse/trunk/index.php

Blogueado por uvedobles.com alias uvedobles.com

April 6th, 2010 a las 4:34 pm

Rotación de una imagen con CSS3

sin comentarios, by the moment porfaplis, deja uno que "é grati"

Si pasas el ratón sobre la imagen superior esta rotará de forma automática, se me olvidaba, este efecto no es compatible con Internet Explorer, al igual que intentar acceder a tu banco, vamos a dejarlo claro, realmente Internet Explorer peca de inseguro e incompatible por lo que olvídate de él cuanto antes, pataletas a parte, hazte con un buen navegador web en serio, que los hay, por ejemplo FireFox, Safari o Chrome y para mayor sorpresa son gratuitos y empieza a disfrutar de cosas como la integración con el estandard de hojas de estilo CSS3.

El efecto que te mostramos en este post, es una pequeñísima muestra de una sencilla rotación de imagen,  que señalamos, no está realizada con Flash, tan sólo se usa una sencilla propiedad de CSS3 por lo que es amigable con buscadores.

Blogueado por uvedobles.com alias uvedobles.com

January 26th, 2010 a las 9:25 pm

¡Abajo explorer!

sin comentarios, by the moment porfaplis, deja uno que "é grati"



El gobierno Alemán ha puesto en alerta a todos los usuarios a través de su Oficina Federal para la Seguridad de la Información para que utilicen un navegador diferente a Internet Explorer de Microsoft con el objetivo de poder navegar por internet con una mejor seguridad.

Todo esto ha sucedido tras el reconocimiento por parte de Microsoft sobre un fallo de seguridad de su explorador en cualquiera de sus versiones 6 7 y 8 detectado durante los recientes ataques que ha sufrido Google.

Thomas Baumgaertner actual portavoz de Microsoft en Alemania, argumentó a favor de su navegador una pobre y hueca excusa en la que afirma que los ataques que sufrió Google fueron realizados por personas muy motivadas y con unos fines muy específicos no existiendo ataques contra usuarios normales.

Un poco más cerca, en Francia, también ha saltado la alarma sobre la inseguridad de Explorer donde el centro francés de tratamiento de los ataques informáticos denominado Certa, también ha emitido una recomendación para que los usuarios franceses utilicen otros navegadores alternativos a Internet Explorer.

Microsoft está trabajando constantemente en la mejora de su navegador y tiene prevista una actualización de seguridad mayor para el 9 de febrero.

Si bien nosotros no utilizamos jamás Internet Explorer, recomendamos la instalación y experimentación de otros navegadores, a nuestro juicio cualquiera de ellos representan un aumento considerable tanto a niveles de seguridad como en comodidad de uso.

Si bien ahora nos encontramos experimentando mucho con Google Chrome con unos resultados bastante óptimos, podemos afirmar que el gran beneficiado de estos anuncios será sin lugar a dudas FireFox, que es una roca y muy ampliable. No obstante tanto Chrome de Google como Safari de Apple se muestran más rápidos en arrancar y ligeros en su uso. El otro navegador en liza es Opera aunque sinceramente no nos convence.

Enlaces:

http://www.bbc.co.uk/mundo/economia/2010/01/100116_0217_explorer_alemania_irm.shtml

http://www.elpais.com/articulo/tecnologia/Francia/Alemania/recomiendan/buscar/alternativas/Internet/Explorer/seguridad/elpeputec/20100117elpeputec_1/Tes

Blogueado por uvedobles.com alias uvedobles.com

January 19th, 2010 a las 4:23 pm