Con distintos CSS

[JUMASOL]

Hola,

Tengo un problema consistente en que una página no se ve igual en IE 7 y en IE 6.

Conociendo el procedimiento con las condicionales, he intentado establecer un if para IE 6, pero no me acaba de funcionar.

¿Me podéis decir cómo sería?

He probado con


<!--[if ie6]>
<link href="imagenes/css-ie-6.css" type=text/css rel=stylesheet>
<![endif]-->

y con


<!--[if ie-6]>
<link href="imagenes/directorio-internet-ie-6.css" type=text/css rel=stylesheet>
<![endif]-->

con resultado fallido en ambos casos.

Espero vuestra ayuda.

Un saludo,

[:.SMITEXX.:]

El error es sencillo: debes de poner dentro de esas instrucciones el estilo como tal, no la vinculación de estos.

NO

Código:

<!--[if ie6]>
<link href="imagenes/css-ie-6.css" type=text/css rel=stylesheet>
<![endif]-->

SI

Código:

<!--[if ie6]>
<style>
	position:absolute;
	left:558px;
	top:95px;
	visibility:hidden;
	z-index:300;
</style>

<![endif]-->

Ten mucho cuidado si tienes margenes a la izquierda pues IE 6 siempre las duplica.

Saludos

[JUMASOL]

Hola otra vez,

Para corregirme a mí mismo y ofrecer una solución válida para otros, os diré que el problema radicaba en que no era ie6 ni ie-6, sino ie 6.

Por otro lado, no es necesario, como dice nuestro amigo, el incluir el CSS en el código. Puede ser una solución, pero también se puede vincular, como he hecho yo.

Si son pequeñas modificaciones, como las que coloca nuestro amigo en el ejemplo, puedes hacerlo (y de hecho es conveniente para quitar un archivo .css innecesario); pero, si vas a proceder a muchas especialidades con respecto al código css en IE 6, lo mejor es que hagas un archivo a parte, ya que de eso se trata, de separar contenidos y forma.

Un saludo y gracias a todos.

[Bonez]

A mi personalmente me gusta mas usar los hacks. Uso casi para cada sección de una web un archivo .css (mas uno general). Si tuviera que hacerlo con condicionales de ese tipo, acabaría con el triple de ficheros de hojas de estilo.

Código:

/* hack-ie6 */
* html #id .clase o elemento {}
/* hack-ie7 */
*:first-child+html #id .clase o elemento {}

Saludos.