Lectura CSS mediante IE y Mozilla

Cristian_sax_ · #1 (**permalink**) 19/04/2011, 04:51

Buenas, estoy con una duda, el caso es que he leido que los comentarios // en el css IE los ignora completamente y coge el codigo como si fuese completamente valido.
Lo he probado para conseguir dar un formato correcto a mi página y ha funcionado, pero al rato ha dejado de funcionar, alguien puede darme una explicación?
Lo único que he hecho a sido modificar el ancho de un div poniendo un width inicial para el resto de navegadores y finalmente un //width para que lo lea explorer

samplei · #2 (**permalink**) 19/04/2011, 09:35

hay diferentes formas de css que solo sirve para el IE:

* html #main {margin-left: -6px} (IE6)
*+ html #main {margin-left: -6px} (IE7)

#main {margin-left /*\**/: -6px\9} (IE8 y 9???)

Es más facil cuando nos muestras tu css.

comentarios en css son algo como:
/* Comentario */

cristian_cena · #3 (**permalink**) 19/04/2011, 10:42

Hola tocayo :) los comentarios en css escribelos siempre así /**/ tal como indica samplei.
Sobre ie, seguro te vendra bien leer sobre "comentarios condicionales"

Si quieres detectar navegadores con javascript, te recomiendo uses jquery y este plugin.

Si quieres detectar navegadores con php, te recomiendo esta clase.

Si quieres emular distintas versiones de ie puedes usar estos meta. (util para el trabajo con la vista compatibilidad)

Sobre el uso de hacks, sería mejor usar comentarios condicionales y una hoja de estilos para cada version de ie. o ya ir un pasito mas lejos y en vez de usar comentarios condicionales detectar el navegador y su version y actuar en consecuencia.

Un saludo.

Cristian_sax_ · #4 (**permalink**) 27/04/2011, 05:04

muchas gracias a los dos, me ha venido muy bien la explicación de los comentarios condicionales, la clase php es muy util sin embargo no tengo demasiado dominio todavia de jquery.
Muchas gracias

ZoroRoronoa · #5 (**permalink**) 27/04/2011, 08:38

Cita:

Iniciado por Samplei

#main {margin-left /*\**/: -6px\9} (IE8 y 9???)

es para IE8 y es asi: margin-left: 9px/*\**/;

Para IE7 existe el delguin bajo:
_margin: 9px;

para IE6 esta la del asterisco:
*margin: 9px;

Y bueno, será mejor que busques en "San Google" hacks css para IE.
Saludos