Porque falla el comentario adicional para IE 6 y superiore?

[ciberpata]

Saludos:
Quiero que el width para todos los navegadores sea: 768px y para el IE 6 sea de 771px;

He hecho el siguiente estilo en una hoja de estilos vinculada en CSS2 pero no me lo coge el IE. La version que uso de IE es: 6.0.2800.1106 bajo windows 2000 ¿por qué?

div#contenedor {
width: 768px;
<!--[if gt IE 6]> width: 771px; <![endif]-->
height: 520px;
margin: auto;
}


Gracias

[JavierB]

Hola ciberpata

He leído en alguna parte que los comentarios condicionales no se pueden poner en un archivo .css hay que ponerlos en la propia página. Puede que por eso no te funcione

Edito: lo leí en este mensaje

http://www.forosdelweb.com/f53/if-else-css-375136/

Saludos,

[fearlex]

JavierB tiene razon, pero aun si lo pusieras en tu HTML, no podrias ver nada, por que no estas haciendo el IF de la manera correcta. A ver explico:

Si utilizas:

<!--[if gt IE 6]> width: 771px; <![endif]-->

Estarias aplicando tus estilos a IE7, o sea dejarias fuera a IE6, gt significa greater than, o sea mayor que IE6 (no incluyendo IE6).

Esta seria la manera correcta:

<!--[if gte IE 6]> width: 771px; <![endif]-->

Aqui estarias aplicando tus estilos a la version igual o mayor que IE6 (si estarias incluyendolo)

gte significa greater or equal


Eso funciona tambien para lt o lte.

Saludos

PD: Checkea primero la respuesta de JavierB, no se pueden poner comentarios condicionales dentro del codigo CSS.

[DragonX]

ahora viendo esto, me surge la siguiente pregunta. Supongamos que yo tengo el siguiente estilo:

#contenedor{
width: 80em;
margin-top: 5em;
}

Y en Firefox se ve bien, pero no así en Explorer, yo puedo hacer esto dentro del HTML:

<!--[if gte IE 6]>
#contenedor{
width: 85em;
margin-top: 5.5em;
}
<![endif]-->

Me explico???? Cambiar todo un id en base a si es o no IEx??

Gracias!

[Daniel Ulczyk]

Como referencia (a futuro):
Diseñorama: comentarios condicionales para IE
Saludos!

[DragonX]

Excelente enlace!

[fearlex]

Por supuesto que puedes, siempre y cuando, los comentarios condicionales aparezcan, despues del primer primer estilo. Por ejemplo yo llamo mi hojas de estilos normalmente:

<link href="css/style.css" rel="stylesheet" type="text/css" />

Y despues llamo a mi comentario condicional con otra hoja de estilos externa , y en esta hoja, reemplazo, los id o clases que me comviene tengan propiedades distintas. Y funciona al 100%.

<!--[if IE]>
<link href="css/styleie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Saludos

[fearlex]

Iniciado por Daniel Ulczyk

Como referencia (a futuro):
Diseñorama: comentarios condicionales para IE
Saludos!

Precisamente, este es el link que estaba buscando, donde encontre esta info la primera vez :D

Muy bueno recomendado, dejame "bookmark it" ahora :D

Saludos

[DragonX]

Iniciado por fearlex

Por supuesto que puedes, siempre y cuando, los comentarios condicionales aparezcan, despues del primer primer estilo. Por ejemplo yo llamo mi hojas de estilos normalmente:

<link href="css/style.css" rel="stylesheet" type="text/css" />

Y despues llamo a mi comentario condicional con otra hoja de estilos externa , y en esta hoja, reemplazo, los id o clases que me comviene tengan propiedades distintas. Y funciona al 100%.

<!--[if IE]>
<link href="css/styleie.css" rel="stylesheet" type="text/css" />
<![endif]-->

Saludos

Muy bien! pero es conveniente utilizar estos 'parches'???
Gracias por la info!

[AlZuwaga]

Para mi es mejor que por ejemplo hacer lo apaños del tipo...

Código:

/* esta es para todos lo no-IE */
#contenedor{
width: 80em;
margin-top: 5em;
}

/* esta es IE, al menos en su 6ta versión */
* HTML #contenedor{
width: 85em;
margin-top: 5.5em;
}

[DragonX]

diego, esta línea:

* HTML #contenedor{

significa "Solo para explorer" todo estilo que desee apuntar solo a explorer le pongo esa línea con asterisco y todo?

Gracias!!!

[AlZuwaga]

Si, pero como dije, sólo para ie6. Lo acabo de probar en ie7 y no funciona según el ejemplo (y explicación del por qué) que dan en esta página