en: Sin categoría
Este es uno de los trucos CSS más interesantes que he visto en mucho tiempo, el truco nos permitirá mostrar un div u otro dependiendo del navegador que utilizemos o mejor dicho de si tuilizamos Internet Explorer o Mozilla y todo esto sin utilizar Javascript.
El truco está en una de las características de IE que es el no aceptar los comentarios formados por doble barra (//), por lo que cualquier cosa seguida por // lo entenderá como parte del código.
Ej:
// display: hidden;
Una buena combinación nos permitirá mostrar diferentes cosas dependiendo del navegador cómo en el siguiente ejemplo:
Para probarlo es muy sencillo si te ha salido el cuadro rojo es porque estas utilizando un navegador que no es IE cómo Mozilla o Opera.
Y si te ha salido el cuadro verde es porque estas utilizando Internet Explorer.
Este la hoja de estilos necesarias para este pequeño truco (No necesita explicación)
#nonie, #iebased{
margin: auto;
margin-top: 20px;
width: 400px;
padding: 10px;
background-color: #f8e6e6;
border: 1px solid #d2a2a2;
//background-color: #dbecd3;
//border: 1px solid #b1d2a2;
}#nonie{
//display: none;
}#iebased{
display: none;
//display: visible;
}
… y estos los dos div que se obtendrían dependiendo del navegador:
<div id=”nonie”> Tu no estas utilizando Internet Explorer. </div>
<div id=”iebased”> Tu estas utilizando Internet Explorer. </div>
Generar passwords accesibles con Php
Codigo Fuente del generador de passwords en PHP
Ejemplo de ejecución del script
PHP y MySql una estrecha relación
5 cosas que no sabías hacer con PHP
Generar documentos OpenOffice con PHP
Nueva versión de Notepad++
Hola Mundo!
Identificar las consultas más lentas de MySql
Crea sencillas gráficas con MySql
Programar un script PHP para saber quién está en línea
Consejos para optimizar PHP
Editando en Opera páginas web en tiempo real
14 Respuestas a Detectando el navegador con CSS
Anónimo
25 de Enero de 2007 a las 4:37 am
Sigo esta web por RSS desde Netvibes todos los dias, y solo decir que la mayoria de los artículos son muy utiles y lo mejor, muy sencillos de implementar.
Gracias por tus articulos.
manu
25 de Enero de 2007 a las 7:05 am
Muchisimas gracias por tus comentarios, intentaremos seguir igual
Anónimo
25 de Enero de 2007 a las 7:40 am
Es verdad. No se como entre aquí por primera vez, pero desde entonces no la dejo de visitar.
Cuando termine la nueva versión de mi web tendrás un link asegurado
Anónimo
25 de Enero de 2007 a las 2:23 pm
visible no es un valor válido para display.
Anónimo
26 de Enero de 2007 a las 3:24 am
..están todos echando flores, me apunto: entré por primera vez hace aproximadamente medio año y desde entonces es diario: barrapunto, gmail, escolar y tufuncion.
Como apunte al artículo, tienes un par de despistes al final en:
Por cierto aprovecho para dar publicidad a mi nuevo blog jejeje: http://kabish.wordpress.com
Anónimo
29 de Agosto de 2007 a las 4:40 am
ME HAS SALVADO LA VIDAAAA !! De verdad, no t imaginas la falta q m hacía este truquillo!!!
Sunes.
Anónimo
25 de Octubre de 2007 a las 2:45 pm
chido wey
Anónimo
25 de Octubre de 2007 a las 2:46 pm
ni puta idea de este comentario
Randy Morgado : Triotec
17 de Junio de 2008 a las 11:18 am
Excelente truco. Muy comodo para evitar hacer trucos con los navegadores en base a javascript.
oscar
9 de Junio de 2009 a las 8:45 am
a mi me has facilitado mucho la tarea y me apunto a seguir esta web
http://www.enlamochila.com
oscar
9 de Junio de 2009 a las 8:50 am
a mi me has facilitado mucho la tarea y me apunto a seguir esta web
http://www.enlamochila.com
julio
3 de Noviembre de 2009 a las 4:27 pm
Mi estimado muy bueno el truco pero al parecer en IE8 ya lo corrigieron este error… lo estaba intentando este truco es valido hasta IE7
Pablo
12 de Noviembre de 2009 a las 8:08 am
Pues a mi me va perfectamente en IE8
Emilio
17 de Diciembre de 2009 a las 7:09 am
muy buenas. Me gusta la página.
Suerte y gracias por el dato.
Así recomendaré no usar IE para mi página