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 ene 2017

¿QUIERES FORMAR PARTE DE NUESTRO EQUIPO?

Para seguir creciendo Ticmedia busca un programador/a PHP que quiera unirse a nuestro equipo. Si quieres desarrollar tu carrera en una empresa asturiana en expansión, con gran proyección a nivel nacional, envía tu CV a info@ticmedia.es detallando los proyectos en los que has trabajado anteriormente.

26 oct 2016

XVIII Edición de los Premios a la Mejor Web de Asturias

Ticmedia participa en esta edición con la web de Clínica El Molinón en la categoría Empresarial. Desde aquí os animamos a todos a participar y votar. ¡Participa!