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
15 sep 2017

¿QUIERES FORMAR PARTE DE NUESTRO EQUIPO?

Para seguir creciendo en Ticmedia buscamos programadores web que quieran unirse a nuestro equipo, que les gusten los retos, que sean resolutivos y les apasione la programación.

28 jun 2017

I Jornada EQUILIBRIA Salud

Ayer martes 27 de Junio se celebró la I Jornada EQUILIBRIA SALUD dentro del MOVIMIENTO EQUILIBRIA promovido por Gijón Impulsa junto con Asturvalley y la Fundación Jóvenes Empresarios, en la que Ticmedia participó. Se celebró en el Salón de Actos del Hospital Universitario de Cabueñes