Usando Comentarios Condicionales en IE
webn...@gmail.com
(downlevel-hidden CC for IE), para recordar un poquito:
-------------------------------------------------------------
<!--[if zIE]> ... <![endif]-->
<!--[if zIE 6.0]> ... <![endif]-->
-------------------------------------------------------------
O visita el siguiente enlace, de éste mismo grupo:
http://groups.google.com/group/webnewbie/msg/9c60d3e3b7e3be05
Algo que aveces nos es imprescindible usar un comentario feo pero
válido es: downlevel-revealed Conditional Comment. Por ejemplo:
------------------------------------------------------------
<!--[if IE]><![if gt IE 6]><![endif]-->
aquí va codigo html
<!--[if IE]><![endif]><![endif]-->
------------------------------------------------------------
El HTML aquí será seleccionado por cualquier browser excepto IE 6, IE
5.5 e IE 5.01. En este grupo encontrarás todos los browsers (IE
incluyendo 7 e IE 5.2) que sean capaces de procesar los selectores
avanzados del css.
Pero usando downlevel-hidden CC, haríamos lo de arriba de la siguiente
manera:
---------------------------------------------------------------------
<!--[if lte IE 6]> aquí va codigo html <![endif]-->
---------------------------------------------------------------------
PRODUCIR los CC con XSLT
Si deseas aplicar una transformación de lado navegador con cc en tu
HTML, después de la primera parte del ejemplo dado arriba se puede
traducir directamente a XSLT así:
-----------------------------------------------------------------------------------------------------------
<xsl:comment><![CDATA[[if IE]><![if gt IE 6]><![endif]]]></xsl:comment>
HTML
<xsl:comment><![CDATA[[if IE]><![endif]><![endif]]]></xsl:comment>
-----------------------------------------------------------------------------------------------------------
¡Aquí el HTML puede ser cualquier XSLT válido incluyendo elementos e
incluso comentarios literales del resultado! Ahora la segunda parte se
puede construir a lo largo de las mismas líneas, porque XSLT apoya la
función de las características del sistema. Utilizamos otra vez un
interior downlevel-revealed al cc downlevel-hidden, envuelto en una
if-cláusula de XSLT.
---------------------------------------------------------------------------------------------------------------
<xsl:if test="system-property('xsl:vendor') = 'Microsoft'">
<xsl:comment><![CDATA[[if IE]><![if lte IE
6]><![endif]]]></xsl:comment>
html
<xsl:comment><![CDATA[[if IE]><![endif]><![endif]]]></xsl:comment>
</xsl:if>
---------------------------------------------------------------------------------------------------------------
En caso de que los cc se inserten con el lado servidor de XSLT, sigue
habiendo la primera parte sin cambiar. Pero la segunda parte cambia,
porque en la ausencia de la función de las características del
sistema tenemos que aceptar un HTML idéntico o pseudo-HTML:
------------------------------------------------------------------------
<xsl: ¡comment><! [CDATA [[si IE 6 del lte] >
pseudo-HTML
¡<! [endif]]] ></xsl: comment>
------------------------------------------------------------------------
SELECCIONANDO diversos IE
Finalment podemos seleccionar 16 diversas combinaciones, unas de los de
los cuatro versiones de Internet Explorer, extendiéndose de ningunos a
todos.
Para especificar qué versiones leerán el cc, los arreglos siguientes
pueden ser empleados:
1. ¡Para seleccionar exclusivamente a ningún IE - utilizar el
"IE &! IE" para downlevel-revealed dentro de un cc downlevel-hidden
-------------------------------------------------------------------------------------------------------------------
<!--[if IE]><![if !IE]><![endif]--> html <!--[if
IE]><![endif]><![endif]-->
-------------------------------------------------------------------------------------------------------------------
2. ¡Para seleccionar solamente a IE 5.01 - utilizar " IE 5.0 " o
"lte IE 5.0" o "!gt IE 5.0" o "lt IE 5.5000" o "!gte IE 5.5000"
---------------------------------------------------------------
<!--[if IE 5.0]> html <![endif]-->
--------------------------------------------------------
3. ¡Para seleccionar a IE 5.5 o 6 o 7.0 - utilizar " !IE 5.0 " o
"!lte IE 5.0" o "gt IE 5.0" o "!lt IE 5.5000" o "gte IE 5.5000" (todos
los menos específicos)
--------------------------------------------------------------------
<!--[if !IE 5.0]> html <![endif]-->
-----------------------------------------------------------------
4. Para seleccionar solamente a IE 5.5 - utilizar "IE 5.5000"
-----------------------------------------------------------
<!--[if IE 5.5000]> html <![endif]-->
-----------------------------------------------------------
5. ¡Para seleccionar a IE 5.01 o 6 o 7.0 - utilizar "! IE
5.5000" (menos específico)
------------------------------------------------------------------
<!--[if !IE 5.5000]> html <![endif]-->
-----------------------------------------------------------------
6. Para seleccionar solamente a IE 6 - utilizar "IE 6"
------------------------------------------------------------------
<!--[if IE 6]> html <![endif]-->
------------------------------------------------------------------
7. ¡Para seleccionar a IE 5.01 o 5.5 o 7.0 - utilizar "! IE 6"
(menos específico)
------------------------------------------------------------
<!--[if !IE 6]> html <![endif]-->
-----------------------------------------------------------
8. Para seleccionar solamente a IE 7.0 - utilizar "IE 7.0"; ¡o
menos específico "!lte IE 6" o "gt IE 6" o "!lt IE 7.0" o "gte IE 7.0"
o "!lt IE 7" o "IE 7" o "gte IE 7"
--------------------------------------------------------------------
<!--[if IE 7.0]> html <![endif]-->
--------------------------------------------------------------------
9. ¡Para seleccionar a IE 5.01 o 5.5 o 6 - utilizar "IE 6 del
lte" o " lte IE 6 " o "!gt IE 6" o "lt IE 7.0" o "!gte IE 7.0" o "lt
IE 7" o"!gte IE 7"; ¡o menos específico "!IE 7.0" or "!IE 7"
-----------------------------------------------------------------
<!--[if lte IE 6]> html <![endif]-->
-------------------------------------------------------------------
10. ¡Para seleccionar a IE 5.01 o 5.5 - utilizar " IE 5 " o "lte IE
5" o "!gt IE 5" o "lte IE 5.5000" o "!gt IE 5.5000" o "lt IE 6" o "!gte
IE 6"
---------------------------------------------------------------------
<!--[if IE 5]> html <![endif]-->
--------------------------------------------------------------------
11. ¡Para seleccionar a IE 6 o 7.0 - utilizar " !IE 5 " o "!lte IE
5" o "gt IE 5" o "!lte IE 5.5000" o "gt IE 5.5000" o "!lt IE 6" o "gte
IE 6" (todos los menos específicos)
-------------------------------------------------------
<!--[if !IE 5]> html <![endif]-->
-------------------------------------------------------
12. ¡Para seleccionar a IE 5.01 o 6 - utilizar " lte IE 6 & !IE
5.5000 " o algo más general, cualesquiera de las 3 pares ({"lt IE 7",
"!IE 7", "lte IE 6"},{"!IE 5.5000"}) para downlevel-revealed dentro de
un downlevel-hidden
-----------------------------------------------------------------------------------------------------
<!--[if lte IE 6]><![if !IE 5.5000]> html <![endif]><![endif]-->
--------------------------------------------------------------------------------------------------
13. ¡Para seleccionar a IE 5.01 o 7.0 - utilizar " !IE 6 & !IE
5.5000 " (menos específico) para downlevel-revealed dentro de un
downlevel-hidden cc
---------------------------------------------------------------------------------------------------------------
<!--[if !IE 6]><![if !IE 5.5000]> html <![endif]><![endif]-->
------------------------------------------------------------------------------------------------------------
14. ¡Para seleccionar a IE 5.5 o 6 - utilizar " lte IE 6 & gte IE
5.5000 " o, algo más general, cualesquiera de los 9 pares ({"lt IE
7", "!IE 7", "lte IE 6"},{"gt IE 5.0", "!IE 5.0", "gte IE 5.5000"})
para downlevel-revealed dentro de un downlevel-hidden cc
------------------------------------------------------------------------------------------------------------------
<!--[if lte IE 6]><![if gte IE 5.5000]> html <![endif]><![endif]-->
-----------------------------------------------------------------------------------------------------------------
15. ¡Para seleccionar a IE 5.5 o 7.0 - utilizar " !IE 6 & gt IE 5.0
" o, algo más general, cualesquiera de los 3 pares menos específicos
({"!IE 6"},{"gt IE 5.0", "!IE 5.0", "gte IE 5.5000"}) para
downlevel-revealed dentro de un downlevel-hidden cc
-------------------------------------------------------------------------------------------------------------
<!--[if !IE 6]><![if gt IE 5.0]> html <![endif]><![endif]-->
-----------------------------------------------------------------------------------------------------------
16. Para seleccionar a IE 5.01 o 5.5 o 6 o 7.0 - utilizar " lte IE
7.0 "; o "IE menos específico "gte IE 5" or "gte IE 5.0" or "lte IE
7" or "IE"; parece no factible utilizar cualquier negación para esta
selección.
--------------------------------------------------------------------------------
<!--[if lte IE 7.0]> html <![endif]-->
-------------------------------------------------------------------------------
Pudiste haber notado la simetría en medio (2) y (3), y también en
medio (6) y (7): Las expresiones para el anterior se niegan para el
más adelante. ¡Aún más redundancia puede ser considerada, porque el
"gt xx" convierte directamente a "!lte xx", y "lt xx" convertidos
directamente a "!gte xx".
¿Tienes algo que enseñar? Compare :)