Cual es la mejor forma Hack para IE y FF?

[plzvman2]

Hola buenas, he tenido unos problemas con mi web en IE y en FF, problemas monumentales de que en un sitio se ve perfectamente y en el otro es un caos que no se puede arreglar.

He buscado dos formas que creo que respetan el w3c y me gustaria que me dijeseis cúal es mejor para usar.

#header {margin-bottom:3em} (IE)
html>body #header {margin-bottom:1em} (Otros)

o

padding-top:200px; (Otros)
/padding-top: 0px; (IE)

Creo que era así, cúal os parece la mejor forma de arreglar un diseño?

Gracias

[emiliodeg]

para mi los hacks son pesimos

yo prefiero cargar una hoja de esitlo extra para los distintos ie

[sublime_style]

Una pregunta emilio
¿lo que tu dices es chequear cual explorador esta usando quien visita la pagina y dependieno cual cargar tal o cual hoja de estilos?

Si es asi:

Me gustaria saber como averiguar el explorador usado

y como decirle al "compilador" esta hoja para IE y esta para ......

Edición: pido perdon, encontre lo que queria en otro thread

[vmac179]

para IE yo uso el *

osea

Código PHP:

  background: #000; /* firefox y otros */
* background: #DDD; /* IE */  
   

[Raulmmmm]

Hola plvzman, la mejor opción es la primera, la otra y la de vmac179 no validan .

También puedes mirar lo de poner comentarios condicionales en tu HTML.

[faiverson]

Si queres respetar los estandares de la web tenes que usar condicionales como:

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

Yo se usar otros dos hacks muy utiles dentro de las hojas de estilos (pero no son aceptados por el w3c:
p {color:#000; #color:#fff; _color:#CCC;}
El codigo de recien te mostrara el color del texto en los parrafos de color negro para FF, blanco para IE7 (por el hack '#' para todos los IE) y gris para el IE6 (por el hack '_' ).

[Carxl]

html>body #header {margin-bottom:1em}

Eso se puede hacer en una CSS?? Es válido?? Es un hack entonces??

Saudos

[faiverson]

html>body #header {margin-bottom:1em}

Si es valido pero no es soportado por IE6 y anteriores debido a que es parte del grupo de selector avanzado y no basico. No seria hack.

El selector > puede ser reemplazado si se escribe de manera distinta el codigo CSS.

[Mikmoro]

De hecho no es un hack, es un "contra-hack"

Quiero decir, se usa para poner alguna norma que no quieres que entienda IE6. El ángulo > quiere decir "hijo de", con lo que

html>body #header {margin-bottom:1em} es igual que

html body #header {margin-bottom:1em}

porque body siempre será hijo de html, pero puesto de la primera forma IE6 no lo entiende.

Mikel.

[inadaptado_lechuzo]

bueno gente , aca doy mi opinion que les puede servir a muchos de los que no saben...

antes que nada todos lso que voy a meniconar validan CS3

color:red!important; (solo para firefox)
*+html color:black; (solo para IE 7)
color:blue; (solo para IE 6 siempre y cuando este el de firefox aplicado arribe de este)

Para los demas(safari,opera)... no creo que haga falta.. ya que respetan los estandares.... al igual que Mozilla , es por eso que no vale la pena parchar, si no , solo saber que propiedad usar y en que momento...

espero que les sirva..

[desendoll]

yo hace tiempo que diferencio ie7 ie6 de los otrs de esta forma:

Código HTML:

<link href="css.css" rel="stylesheet" type="text/css" />
<!--[if IE 6.0]>
 <link rel="stylesheet" type="text/css" href="ie6.css" media="screen, projection" />
<![endif]-->
<!--[if IE 7.0]>
 <link rel="stylesheet" type="text/css" href="ie7.css" media="screen, projection" />
<![endif]--> 

No se si es la mejor pero por el momento me va muy bien...

[Carxl]

Veeeee mirá que bonito jeje

Fuera de este selector ">", hay mas para hacer este tipo de cosas??? O es el único que permite eso??

Saludos a todos

[Mikmoro]

IE6 no entiende casi ningún selector avanzado de CSS2.1, por lo que se pueden usar cosas como los atributos [attr] y demás.

Mikel.

[Carxl]

Hola Mikmoro, cómo vas??

Tienes un link que me hable mas de esto? para entenderlo mejor??

Gracias man

[Mikmoro]

Bueno, mi documento de cabecera es la propia especificación:

http://www.sidar.org/recur/desdi/tra...css/cover.html

Mikel.

[barakamoon]

Podemos utilizar una CSS diferente para meter los hacks de IE6.

Luego ponemos el conditional comment (CC) en nuestro html invocando a esta css y listo.

El validador CSS del W3C ignora el CC y tanto nuestras CSS como el XHTML pasarán los test.