Es recomendable que funcionen con Js desactivado. Tenes que pensar que hacer cuando Js esta desactivado.

IE5.5 ? Un poco viejo no? Hoy como mucho se brinda soporte para IE6 y hasta ahi. En cuanto a FF y Opera, se comportan bastante parecidos a las versiones actuales.

Lo mejor que podes hacer es crear código valido y legible

Eso es accesibilidad, tratar que todas las personas puedan visualizar correctamente tu web.

zapata dijo:

Es recomendable que funcionen con Js desactivado. Tenes que pensar que hacer cuando Js esta desactivado.

IE5.5 ? Un poco viejo no? Hoy como mucho se brinda soporte para IE6 y hasta ahi. En cuanto a FF y Opera, se comportan bastante parecidos a las versiones actuales.

Lo mejor que podes hacer es crear código valido y legible

Gracias, tenés razón que el IE5.X y anteriores ya son viejos. Y además puedo tranquilamente usar comentarios condicionales del propio Explorer para que se aparezca un mensaje de actualizar el navegador si se usa IE5 (y claro para hacer fixes para las hojas de estilo para diferentes versiones de IE)

Además me aseguro que mis páginas hechas con puro CSS y con doctype "XHTML 1.0 de transición" respeten los estándares Web. Y pretendo usar muy poquito Javascript, pero hacer lo posible para que funcionen perfectamente con JS desactivado.

codigoreal dijo:

Eso es accesibilidad, tratar que todas las personas puedan visualizar correctamente tu web.

Claro, tendré en cuenta los consejos.

¡Gracias chicos! En realidad es probable que empiece a hacer proyectos Web en verano.

Otra cosa que se me olvidaba: solo con JavaScript se puede detectar la version de Flash Player, hacer slideshows, usar jQuery, precargar imágenes, usar AJAX, etc. O sea que vamos mal si se quiere que las páginas web funcionen bien con JS desactivado.

Yo para probar las páginas en distintas versiones del explorer uso un programa llamado Internet Explorer Collection, un programa que instala todas las versiones del explorer desde la 1.0 hasta la 8. Con este programa pude ver que la página BBC Mundo se ve muy mal en IE 5.x

Debes tener cuidado la diferencia en la visualización en IE6 con las posteriores es realmente aterradora...yo me mande un par de veces a construir sites siempre mirando vistas previas en IE7, Firefox, Opera, etc etc pero resulta que cuando iba a un cyber a ver coo funcionaba para IE6, el CSS funcionaba totalemnte distinto, desobedecia funciones, desconfiguraba etiquetas, etc.

Yo cuando diseño siempre uso (y aca hay muchos que van a salir con los tapones de punta) Opera.

Opera? Por que? Por que si un Site no se ve como debiera, se que soy que mande una cagada y no es culpa del navegador. Lo mismo pasa con Safari.

IE6 lentamente va muriendo aunque MS siga brindando soporte. Los condicionales en CSS, aquí juegan un rol fundamental.

Si es un diseño para un cliente intento brindar soporte para IE6. Siempre pasa que le mostras a un cliente el diseño y este usa IE6, y te queres matar si no tuviste en cuenta ese posibilidad.

Si es un diseño que lanzo al publico: que se muera IE6, estamos en el 2009!

Js? Siempre es intentar usar lo justo e indispensable

matiaz dijo:

Debes tener cuidado la diferencia en la visualización en IE6 con las posteriores es realmente aterradora...yo me mande un par de veces a construir sites siempre mirando vistas previas en IE7, Firefox, Opera, etc etc pero resulta que cuando iba a un cyber a ver coo funcionaba para IE6, el CSS funcionaba totalemnte distinto, desobedecia funciones, desconfiguraba etiquetas, etc.

Claro siempre procuro de que mis páginas funcionen perfecto en varios navegadores. entiendo bien que el Explorer nunca se llevó bien con los estándares hasta la versión 7, por eso los desarrolladores Web usan los comentarios condiciones que lleva.

zapata dijo:

Yo cuando diseño siempre uso (y aca hay muchos que van a salir con los tapones de punta) Opera.

Opera? Por que? Por que si un Site no se ve como debiera, se que soy que mande una cagada y no es culpa del navegador. Lo mismo pasa con Safari.

IE6 lentamente va muriendo aunque MS siga brindando soporte. Los condicionales en CSS, aquí juegan un rol fundamental.

Si es un diseño para un cliente intento brindar soporte para IE6. Siempre pasa que le mostras a un cliente el diseño y este usa IE6, y te queres matar si no tuviste en cuenta ese posibilidad.

Si es un diseño que lanzo al publico: que se muera IE6, estamos en el 2009!

Js? Siempre es intentar usar lo justo e indispensable

Y si uno quiere probar sin problemas las páginas en IE6, se puede usar un programa para crear máquinas virtuales como VMWare, Virtual PC o el Virtualbox.

Y otra cosa que se me olvidaba: en IE6 la pseudoclase CSS :hover solo funciona en los links.

Además si usan un programa para instalar varias versiones del Explorer como Multiple IE o Internet Explorer Collection, o bien instalan Windows XP en una máquina virtual y entran a Taringa en IE6, van a ver que se ve muy mal. Una prueba de que IE nunca respetó bien los estándares hasta la versión 7 (solo disponible para Windows XP, Server 2003 y Vista).

Entonces useré poquito JavaScript, solo para detectar el navegador, versión de Flash Player y validar formularios, y alguna cosita más pero no me excederé.

En vez de rollovers con el Dreamweaver usaré rollovers hechos con puro CSS (eso se puede hacer, y esa es la moda de los diseñadores ahora, solo hay que buscar en Google). Cuando hablo de rollovers me refiero a cuando una imágen cambia a otra cuando se pasa el mouse sobre ella.

usa la etiqueta <noscript> para avisarle al usuario que tiene javascript desactivado, en realidad no es tu problema que la gente no lo utilice o lo tenga desactivado, vos utilizalo y si alguien no lo tiene activado verá el mensaje que imprimirá <noscript>

<script language="javascript">
alert(' esto es javascript ');
</script>
<noscript>Para visualizar correctamente el sitio es necesario tener javascript activado en el navegador.</noscript>


En cuanto a compatibilidad, yo sinceramente veo muchisimas PCs que aun tienen IE6 y mis sitios no ofrecen/ofrecerán soporte a ellos, podrías hacer un script en PHP que determine si se está usando IE6 o inferior y imprimir un sitio compatible para dicho navegador.


Mi opinion, hace un sitio compatible dentro de los estándares modernos, IE6 ya es obsoleto segun Microsoft, y Javascript es impresindible en la navegación web, el usuario o ténico a cargo de dicha PC está a cargo de que eso se cumpla, no vos.

Suerte con tus proyectos

siempre proba las paginas en todos los navegadores que podas aunque sean versiones antiguas, si implementas animaciones css/javascript asegurate que sean compatibles entre todos los navegadores. critico a algunas personas que conozco que solo se preocupan por tener una pagina super animada pero no piensan en la compatibilidad ni en los recursos de la maquina que va a visualizar el sitio

hablando de eso..tengo un problemilla con imagenes PNG con transparencia en IE6..vi aca un código pero no me funciono..alguien me da una mano??chagracias!

DrMaverick dijo:

hablando de eso..tengo un problemilla con imagenes PNG con transparencia en IE6..vi aca un código pero no me funciono..alguien me da una mano??chagracias!

Este arreglador de las transparencias de PNG si que anda perfecto:
http://dillerdesign.com/experiment/DD_belatedPNG/

dijo:

siempre proba las paginas en todos los navegadores que podas aunque sean versiones antiguas, si implementas animaciones css/javascript asegurate que sean compatibles entre todos los navegadores. critico a algunas personas que conozco que solo se preocupan por tener una pagina super animada pero no piensan en la compatibilidad ni en los recursos de la maquina que va a visualizar el sitio

Y yo me preocupo en hacer páginas que respeten los estándares Web, y que las páginas funcionen bien incluso en navegadores viejos.

dijo:

usa la etiqueta &amp;lt;noscript&amp;gt; para avisarle al usuario que tiene javascript desactivado, en realidad no es tu problema que la gente no lo utilice o lo tenga desactivado, vos utilizalo y si alguien no lo tiene activado verá el mensaje que imprimirá &amp;lt;noscript&amp;gt;

&amp;lt;script language=&amp;quot;javascript&amp;quot;&amp;gt;
alert(' esto es javascript ');
&amp;lt;/script&amp;gt;
&amp;lt;noscript&amp;gt;Para visualizar correctamente el sitio es necesario tener javascript activado en el navegador.&amp;lt;/noscript&amp;gt;


En cuanto a compatibilidad, yo sinceramente veo muchisimas PCs que aun tienen IE6 y mis sitios no ofrecen/ofrecerán soporte a ellos, podrías hacer un script en PHP que determine si se está usando IE6 o inferior y imprimir un sitio compatible para dicho navegador.


Mi opinion, hace un sitio compatible dentro de los estándares modernos, IE6 ya es obsoleto segun Microsoft, y Javascript es impresindible en la navegación web, el usuario o ténico a cargo de dicha PC está a cargo de que eso se cumpla, no vos.

Suerte con tus proyectos

Bueno lo de detectar la version del navegador con PHP es mucho mejor que con JavaScript, ya que el motor de PHP puede detectar incluso el agente de usuario del navegador que uno usa. Por ejemplo, encontré algo para detectar IE5 o IE6:
http://css-tricks.com/snippets/php/detect-ie5-or-ie6/
y lo adapté así:

dijo:

<?php
// deteccion de version de IE con PHP, sin JavaScript
$agenteusuario = strtolower($_SERVER["HTTP_USER_AGENT"]);
if (preg_match("/msie 8/", $agenteusuario)) {
echo "<p>hola usuario IE8</p>";
}
else if (preg_match("/msie 7/", $agenteusuario)) {
echo "<p>hola usuario IE7</p>";
}
else if (preg_match("/msie 6/", $agenteusuario)) {
echo "<p>hola usuario IE6, usuario de una versión del navegador que se lleva mal con los estandares</p>";
}
else if (preg_match("/msie 5.5/", $agenteusuario)) {
echo "<p>hola usuario IE5.5, usuario de una versión del navegador que se lleva mal con los estandares</p>";
}
else if (preg_match("/msie 5.0/", $agenteusuario)) {
echo "<p>hola usuario IE5.0, usuario de una versión del navegador que se lleva mal con los estandares</p>";
}
?>

dijo:

<?php
// deteccion de version de IE con PHP, sin JavaScript
$agenteusuario = strtolower($_SERVER["HTTP_USER_AGENT"]);
if (ereg("/msie 8/", $agenteusuario)) {
echo "<p>hola usuario IE8</p>";
}
else if (ereg("/msie 7/", $agenteusuario)) {
echo "<p>hola usuario IE7</p>";
}
else if (ereg("/msie 6/", $agenteusuario)) {
echo "<p>hola usuario IE6, usuario de una versión del navegador que se lleva mal con los estandares</p>";
}
else if (ereg("/msie 5.5/", $agenteusuario)) {
echo "<p>hola usuario IE5.5, usuario de una versión del navegador que se lleva mal con los estandares</p>";
}
else if (ereg("/msie 5.0/", $agenteusuario)) {
echo "<p>hola usuario IE5.0, usuario de una versión del navegador que se lleva mal con los estandares</p>";
}
?>

Ojo que soy principiante en eso de PHP pero aprenderé más cosas

Se me olvidaba: "preg_match" es para PHP 5.3, y "ereg" es para PHP 5.2

elandy2009 dijo:

DrMaverick dijo:

hablando de eso..tengo un problemilla con imagenes PNG con transparencia en IE6..vi aca un código pero no me funciono..alguien me da una mano??chagracias!

Este arreglador de las transparencias de PNG si que anda perfecto:
http://dillerdesign.com/experiment/DD_belatedPNG/

Buenisimo!!!! lo pruebo y te confirmo!! muchas gracias!

Ahora, me vino otra duda en mente: si uno quiere arreglar las transparencias en IE6, hay que usar JavaScript. Entonces hay más problemas si uno usa PNG y quiere que las páginas se vean bien en todos los navegadores, inclusive si el JavaScript está desactivado. ¿Qué hacemos?

dijo:

Ahora, me vino otra duda en mente: si uno quiere arreglar las transparencias en IE6, hay que usar JavaScript. Entonces hay más problemas si uno usa PNG y quiere que las páginas se vean bien en todos los navegadores, inclusive si el JavaScript está desactivado. ¿Qué hacemos?

<NOSCRIPT>

utiliza noscript para avisarle a un visitante que el sitio requiere que esté javascript activado, no es tu problema que no lo tengan activado.
suerte

Ah bueno, eso del noscript ya lo dijeron arriba

Ya lo dije anteriormente no es obligatorio el uso de Js para solucionar este problema podes usar CSS en su lugar:

dijo:

#mi_imagen {
background: transparent;
filter: progidXImageTransform.Microsoft.AlphaImageLoader (src='imagenes/test.png', sizingMethod='scale');
}

Todos los atributos de AlphaImageLoader están aqui