compartimos
la actualidad contigo

23 ago 2010

Truco en el IE7 y IE6 para CSS

Ayer por primera vez, después de mirar los marging, los padding, etc. no fui capaz de ajustar el css de una web para que se viera de igual manera en todos los navegadores, bueno no fui capaz hasta que encontré este sencillo truco que ahora os comentaré. Seguro que si hiciéramos una encuesta del navegador al que más rabia tenemos los que trabajamos con páginas web, saldrían por mayoría el explorer 6 y el 7, pero lo que está claro es que existen y que muchos de nuestros clientes todavía son usuarios de estos, así que no queda más remedio que solucionar los problemas  que se nos pongan delante.

Ayer por primera vez, después de mirar los marging, los padding, etc. no fui capaz de ajustar el css de una web para que se viera de igual manera en todos los navegadores, bueno no fui capaz hasta que encontré este sencillo truco que ahora os comentaré.

Seguro que si hiciéramos una encuesta del navegador al que más rabia tenemos los que trabajamos con páginas web, saldrían por mayoría el explorer 6 y el 7, pero lo que está claro es que existen y que muchos de nuestros clientes todavía son usuarios de estos, así que no queda más remedio que solucionar los problemas  que se nos pongan delante. Como os comenté antes , ayer busque soluciones para lograr que el IE6 y el 7 se vieran igual que el resto y encontré varios trucos, pero algunos de ellos ni los voy a mencionar porque no validan la web, así que las porquerías en el código, las vamos a dejar. Este lo he usado y después he validado la página y...¡funcionaaaaaaa! Bueno el truquillo es el siguiente: Vas a la página  del css donde tienes el estilo que no se ve igual en el explorer. (En este caso se trata de un menú que no se ve a la misma altura en el explorer 7  que en el resto de los navegadores). menu { padding-top: 20px; *padding-top: 30px !important; /* Solo IE7 */ } Ah! Se me olvidaba , es importante que vaya en cascada, primero pondremos el padding que va para todos los navegadores en general y debajo con el asterisco, el important y el comentario que hace que solo cambie en ese navegador.

Como os comenté antes , ayer busque soluciones para lograr que el IE6 y el 7 se vieran igual que el resto y encontré varios trucos, pero algunos de ellos ni los voy a mencionar porque no validan la web, así que las porquerías en el código, las vamos a dejar. Este lo he usado y después he validado la página y...¡funcionaaaaaaa!

Bueno el truquillo es el siguiente:

Vas a la página  del css donde tienes el estilo que no se ve igual en el explorer. (En este caso se trata de un menú que no se ve a la misma altura en el explorer 7  que en el resto de los navegadores).

menu {
padding-top: 20px;
*padding-top: 30px !important; /* Solo IE7 */
}

Ah! Se me olvidaba , es importante que vaya en cascada, primero pondremos el padding que va para todos los navegadores en general y debajo con el asterisco, el important y el comentario que hace que solo cambie en ese navegador.

Otras noticias
16 feb 2017

Presentación de la plataforma Areas Empresariales Gijón

Esta semana ha tenido lugar la presentación de una nueva plataforma web que facilita la búsqueda de una ubicación en nuestra ciudad. Ticmedia ha colaborado en el desarrollo de la nueva web. 

06 feb 2017

Cómo indicar en el móvil el contacto en caso de accidente.

Los sistemas de bloqueo de nuestros smartphones han cambiado todo y la iniciativa Aa que se inició en 2009 ha quedado obsoleta. ¿Cómo podemos indicar con quién contactar en esta nueva situación?