Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/09/2012, 06:48
DoHITB
 
Fecha de Ingreso: abril-2012
Ubicación: 41°37′00″N, 00°37′00″E
Mensajes: 462
Antigüedad: 12 años, 1 mes
Puntos: 33
IE "no respeta" mi CSS

Buenos días,

Tengo un problema con el diseño web... (espero no enfadar a nadie) en realidad creo que es el mismo problema que tenemos todos los que diseñamos web's... resulta que IE no me "acepta" el CSS.

Un ejemplo muy muy simple, para que veáis... tengo una clase en la que pongo:

Código:
.txtSubHLSide{
    top:0;
    left:0;
    width:0;
    height:0;
    color:#000;
    font-size:18px;
    font-family:Arial;
    position:relative;
}
En Chrome y firefox me va perfecto; en IE me pone los textos de esta clase en negrita (en realidad creo que en todos los textos).

Tengo puesta la meta-tag siguiente:

Código:
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
Para que me saque la versión de IE más reciente; el problema está en que de la versión 8.0 para abajo el CSS se me desmorona del todo; se me compacta todo, se mueve todo de sitio... total, se queda la web inaccesible (incluso algunos eventos de JavaScript dejan de funcionar).

Realmente no tengo un CSS muy complicado... podría decirse que lo "máximo" que hago es jugar con la opacidad de algunos elementos. El resto es todo "top", "left", "overflow", "font", "padding"...

No sé si a alguien más le pasará esto...

¿Alguien sabe qué se puede hacer (aparte de crear varios archivos de estilo y usar uno diferente en función del navegador) para minimizar los efectos de IE?

Gracias.