Foros del Web - Ver Mensaje Individual

kseso? · #65 (**permalink**) 16/10/2009, 10:09

P.- ¿Hay comentarios condicionales para otros navegadores no ie?
R.- No los hay como tales, pero sí podemos manipularlos, pervirtiendolos, para lograr que parezca que sí y ocultar código a los ie y el resto de navegadores que lo muestre.

A raíz de la consulta realizada en este tema salió esta página como ejemplo usando lo que algunos llaman "anticomentario condicional" y otros "no-comentario condicional".

Dejo el código por si desaparece dicha página:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>Kseso? Jugando con css</title>
<style type="text/css">
 * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
  }
html, body {
  font-weight:normal;
    font-size: 100%;
    height:100%;
  }
.contenedor{
    width:966px;
    margin: 0 auto;
}
ul {
  width: 65%;
  margin: 0 auto;
  
}
ul li {
  display: block;
  list-style-type: none;
}
ul li a {
  display: block;
  padding: 20px 0;
  width: 100%;
  text-align: center;
  color: #cdcdcd;
  background: #444;
  text-decoration: none;
  font-size: 1em;
  font-family: monospace;
}
ul li a:visited, ul li a:hover, ul li a:active {
  color: #7F9000;
  background: #cdcdcd;
}
</style>
 
</head>
<body>
<div class="contenedor">
<ul>
    <!--[if !IE]>-->
        <li><a href="#">Qué buen navegador usas</a></li>
    <!--<![endif]-->
    <!--[if !IE]>-->
        <li><a href="#">Para todos los navegadores menos ie6</a></li>
    <!--<![endif]-->
    <!--[if IE 6]>
    <li><a href="#">¿IE6? Qué mal rollo. Podrías actualizarte</a></li>
    <![endif]-->
    <!--[if IE 6]>
    <li><a href="#">Sólo para ie6</a></li>
    <![endif]-->
    <!--[if IE 7]>
    <li><a href="#">¿IE7? Podría ser peor, pero también mejor.</a></li>
    <![endif]-->
    <!--[if IE 8]>
    <li><a href="#">¿IE8? Bueno, andas al día, pero anímate y prueba</a></li>
    <![endif]-->
    <!--[if gt IE 6]>
    <li><a href="#">Para todos los navegadores menos ie6</a></li>
    <![endif]-->
</ul>
</div>
</body>
</html>

Los estilos son prescindibles y sólo a efectos visuales.
Una "explicación" del funcionamiento de los "no-comentarios" la ofreció MIkmoro en aquí.

Posíblemente tenga más de curiosidad/juego/floritura que de práctico y efectivo.