Condicionales en Internet Explorer

Activado 2 Dec, 2011 Por Adolfo 24 Comentarios

A la hora de diseñar una página, nos encontramos muchas veces con problemas para definir los estilos de forma general en todas las páginas y tenemos que utilizar hacks para pequeñas modificaciones entre navegadores. Uno de los que más problemas suelen dar es Internet Explorer, pero este navegador dispone de una forma elegante de definir sus propios estilos y es a través de los comentarios condicionales para IE.

Los comentarios condicionales permiten definir código para los navegadores de la familia Internet Explorer pero ocultarlo al resto de navegadores, que los ven simplemente como comentarios.

La utilización de estos comentarios es bastante sencilla

  1. <!--[if IE]>
  2. Código visible para Internet Explorer
  3. <![endif]-->

En el código podemos incluir una llamada a una hoja de estilos, incluir directamente la hoja de estilos, una llamada a una función javascript o cualquier cosa similar.

También podemos incluir la versión de Internet Explorer de la siguiente forma:

  1. <!--[if IE]>
  2. Código visible para Internet Explorer. Por ejemplo
  3. <link rel="stylesheet" type="text/css" href="ie.css" />
  4. <![endif]-->
  1. <!--[if IE 7]>
  2. Código visible para Internet Explorer 7. Por ejemplo
  3. <style type="text/css">
  4. font-family: Verdana;
  5. </style>
  6. <![endif]-->
  1. <!--[if lt IE 7]>
  2. Código visible para versiones anteriores a Internet Explorer 7.
  3. <![endif]-->
  1. <!--[if lte IE 7]>
  2. Código visible para versiones anteriores o iguales a Internet Explorer 7.
  3. <![endif]-->
  1. <!--[if gte IE 7]>
  2. Código visible para versiones superiores o iguales a Internet Explorer 7.
  3. <![endif]-->
  1. <!--[if gt IE 7]>
  2. Código visible para versiones superiores a Internet Explorer 7.
  3. <![endif]-->

Con esto conseguimos una gran elegancia en el código específico para Internet Explorer de una forma más estructurada.

Aún así, y recomendado como último recurso, podemos seguir utilizando los hacks para todos los navegadores. Un listado bastante completo lo encontramos en centricle.com.

Etiquetas: 
CSS
Internet Explorer

Comentarios

John Jones (no verificado)

Sáb, 24/11/2018 - 09:35

Thanks for giving me the useful information. I think I need it! sniper 3d assassin mod apk  epsxe apk android  gta san andreas mod apk

AustRaf (no verificado)

Mar, 14/05/2019 - 15:41

Buy Flagyl In Little Rock Pharmacia Online Usa buy accutane online forum viagra vs cialis vs levitra Cialis Munchen Viagra Vente Libre Andorre Cialis 20mg Online

Kelexhiff (no verificado)

Lun, 03/06/2019 - 12:21

Want To Buy Zentel With Overnight Delivery Nebenwirkungen Cialis Nierenschmerzen why is my alli so expensive Levitra Generika 10mg Rezeptfrei Tipi Di Viagra Priligy Quand Prendre

AustRaf (no verificado)

Sáb, 08/06/2019 - 18:30

Orlistat In Colorado Co Doctor Buy Kamagra Jelly Algodones generic viagra Propecia 0 2 Mg Viagra Over The Counter

Kelexhiff (no verificado)

Jue, 13/06/2019 - 05:59

Prix Cialis 20mg Boite 8 Viagra Order Viagra 100 Mg Best Price order cialis online Viagra Chewing Gum The Most Inexpensive Cialis Drug Interaction Ambien Keflex

Kelexhiff (no verificado)

Mar, 25/06/2019 - 23:45

Xl Pharmacy India What Is Keflex Prescription cialis Original Cialis Ohne Rezept

Stepgroog (no verificado)

Dom, 07/07/2019 - 03:55

Le Cialis 10 viagra Viagra Interacciones Medicamentosas Us Pharmacy Viagra

Kelexhiff (no verificado)

Mar, 09/07/2019 - 02:41

Loading Cephalexin Cialis 20 Beipackzettel Viagra Achat Paypal viagra online prescription Stendra 200 Mg Cheap Preisvergleich Cialis 20mg 12 Cialis And Viagra Professional

Stepgroog (no verificado)

Jue, 11/07/2019 - 04:14

Buy Prednisone Acetate Eye Drops Cilais The Pharmacy To Buy Clomid Online From viagra Propecia Effective Generic Finasteride Cialis Tabs Sale

EllBosy (no verificado)

Jue, 11/07/2019 - 17:34

Amoxicillin Metabolism Cialis 8 Comprimes canadian pharmacy cialis 20mg Zithromax Skin Peeling Kamagra Shop Schweiz Meilleur Site Achat Cialis

AustRaf (no verificado)

Lun, 15/07/2019 - 05:51

Buy Cheap Viagra 200mg Generic Cialis Best Price Lioresal Achat 25mg cialis 40 mg Can You Buy Valtrex In Mexico Clomid Masculin Allegra Domange Clomid

Stepgroog (no verificado)

Sáb, 20/07/2019 - 15:06

Comprar Cialis Generico Contrareembolso Levitra Es Mejor Que Viagra Buy Lasix Water Pills closest thing to levitra Trandate Amoxicillin Reaction Rash No Other

YUMes (no verificado)

Dom, 07/01/2024 - 22:25

Ciao http://7d.tel/H17L5m

YUMes (no verificado)

Lun, 08/01/2024 - 05:23

Bonjour http://7d.tel/Nzdbq3

RecyclingGuape (no verificado)

Jue, 11/01/2024 - 07:39

Copper scrap export logistics http://7d.tel/9xKT8P

RecycleGuape (no verificado)

Vie, 12/01/2024 - 06:24

Scrap Copper http://7d.tel/mUmeFa

Aluminium Metal (no verificado)

Vie, 26/01/2024 - 06:08

Baling aluminum scrap http://7d.tel/UlyX7P Aluminum scrap market

Aluminium (no verificado)

Vie, 26/01/2024 - 14:15

Scrap metal shredding (including aluminum) http://7d.tel/OYAa8i Scrap aluminum recycling statistics

Scrap copper en... (no verificado)

Lun, 29/01/2024 - 00:18

Copper scrap market dynamics http://7d.tel/v4dBwS Copper scrap industry partnerships

Pollution contr... (no verificado)

Lun, 29/01/2024 - 22:18

Copper scrap buyer http://7d.tel/tXVwWQ Copper scrap recycling regulations

Aluminium scrap... (no verificado)

Lun, 05/02/2024 - 05:36

Scrap aluminium demand forecast http://7d.tel/YoymDW Scrap aluminium price trends

Secondary aluminium (no verificado)

Vie, 09/02/2024 - 15:09

Metal reclaiming depot http://7d.tel/Vt8Rpg Aluminium heat exchanger scrap recycling
Scrap metal prices, Scrap copper aluminum cable, Scrap metal recovery yard center services

Aluminium scrap... (no verificado)

Vie, 09/02/2024 - 22:31

Metal scrap sorting http://7d.tel/tUlC7O Aluminum recycling legal compliance
Metal cutting services, Environmental impact of aluminum cable recycling, Scrap metal relocation and recycling

Advanced alumin... (no verificado)

Sáb, 10/02/2024 - 10:43

Scrap metal recycler http://7d.tel/RrEpp3 Aluminum scrap recycling company
Scrap metal recovery and reclamation yard, Aluminum cable weight, Metal waste repurposing center

Añadir nuevo comentario

Más información sobre los formatos de texto

Filtered HTML

  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.

Plain text

  • No se permiten etiquetas HTML.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Saltos automáticos de líneas y de párrafos.
CAPTCHA
Esta pregunta se realiza para comprobar que se trata de un humano y prevenir los accesos automatizados para publicar spam.