*propiedad solo para IE

rulzzz · #1 (**permalink**) 06/12/2011, 18:57

Buenas, estaba manejando un style.css con DreamWeaver, y las propiedades que quiero que solo vea IE las pongo asi:

*background:red;

es decir, con el asterisco. Y al abrir ese mismo fichero con el netbeans, me da error en la linea en la que pongo el asterisco (me dice caracter no esperado)....

Es fallo del netbeans que de eso como error? O es que hay una forma mas generalizada y correcta de poner propiedades que detecte solo IE?

DataLore · #2 (**permalink**) 06/12/2011, 19:08

Una alternativa standard es usar las directivas del browser:

Código HTML:

Ver original<!--[if IE]>
Aqui incluir los css propios para IE. Tienes variantes en el condicional para cada versión del IE
<![endif]-->

http://www.quirksmode.org/css/condcom.html

rulzzz · #3 (**permalink**) 06/12/2011, 19:14

eso ya lo conocía, pero como tengo el diseño puesto en un fichero .css ..... y eso solo se puede poner en el html no?

No hay una alternativa standard que se pueda poner dentro del fichero css?

DataLore · #4 (**permalink**) 06/12/2011, 19:16

Cita:

Iniciado por rulzzz

eso ya lo conocía, pero como tengo el diseño puesto en un fichero .css ..... y eso solo se puede poner en el html no?

No hay una alternativa standard que se pueda poner dentro del fichero css?

Si, sólo en el html. La alternativa es tener un css propio para IE y otro para el resto de los navegadores.

alexk · #5 (**permalink**) 06/12/2011, 22:11

rulzzz algunas veces hay filtros y hacks para los IE's que invalidan el codigo, por eso es recomendable separar los codigos, como te comentan anteriormente.

Igual puedes agregar una clase según la versión de IE... se usa mucho lo siguiente:

Código HTML:

Ver original<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

ie6 p{margin:4px}
ie7 p{margin:6px}, etc...

Alekz_ · #6 (**permalink**) 21/01/2012, 14:35

acabo de intentar con ese método pero pasa que el navegador se demora muchisimo para abrir la página se queda cargando e incluso opera dejo de responder un par de veces, existe otra forma de planterar esos condicionales? y.. porque no-js?

pitufoweb · #7 (**permalink**) 21/01/2012, 14:52

La forma mas fácil es hacerlo como te indicaron en la respuesta #2.

También me he encontrado con algunos inconvenientes al usar el método que indica @alexk, así que no te recomiendo usarlo.

Saludos