Saber trabajar con CSS en Internet Explorer 8

Saber trabajar con CSS en Internet Explorer 8

ie_logo

Debemos conocer la forma en la que implementar CSS en cada navegador para que cumplan los estándares, y en el navegador de Microsoft, Internet Explorer 8, no queda más remedio que conocer la propiedad -ms, el nuevo prefijo de Internet Explorer 8.

Property Type W3C Status
-ms-accelerator Extension
-ms-background-position-x CSS3 Working Draft
-ms-background-position-y CSS3 Working Draft
-ms-behavior Extension
-ms-block-progression CSS3 Editor’s Draft
-ms-filter Extension
-ms-ime-mode Extension
-ms-layout-grid CSS3 Editor’s Draft
-ms-layout-grid-char CSS3 Editor’s Draft
-ms-layout-grid-line CSS3 Editor’s Draft
-ms-layout-grid-mode CSS3 Editor’s Draft
-ms-layout-grid-type CSS3 Editor’s Draft
-ms-line-break CSS3 Working Draft
-ms-line-grid-mode CSS3 Editor’s Draft
-ms-interpolation-mode Extension
-ms-overflow-x CSS3 Working Draft
-ms-overflow-y CSS3 Working Draft
-ms-scrollbar-3dlight-color Extension
-ms-scrollbar-arrow-color Extension
-ms-scrollbar-base-color Extension
-ms-scrollbar-darkshadow-color Extension
-ms-scrollbar-face-color Extension
-ms-scrollbar-highlight-color Extension
-ms-scrollbar-shadow-color Extension
-ms-scrollbar-track-color Extension
-ms-text-align-last CSS3 Working Draft
-ms-text-autospace CSS3 Working Draft
-ms-text-justify CSS3 Working Draft
-ms-text-kashida-space CSS3 Working Draft
-ms-text-overflow CSS3 Working Draft
-ms-text-underline-position Extension
-ms-word-break CSS3 Working Draft
-ms-word-wrap CSS3 Working Draft
-ms-writing-mode CSS3 Editor’s Draft
-ms-zoom Extension

Con todas estas opciones podremos trabajar más cómodamente con nuestro CSS, lo malo es, que el código a implementar en CSS es distinto según el navegador en el que nos encontremos:

-moz-border-radius: 1em; // Mozilla
-webkit-border-radius: 1em; // WebKit y Safari
border-radius: 1em; // Para cuando se cumplan los estándares.

De todas formas, hay que valorar el gran esfuerzo que está haciendo Microsoft con Internet Explorer 8, ya que se están esforzando para hacerlo lo mejor posible, y se nota que es un navegador que va a dar que hablar cuando esté listo.

Vía | Anieto2k

Autor de CSSBlog ES
  • Border radius NO funciona para Internet Explorer 8, por favor, para evitar confundir a la gente, sería mucho mejor quitar la falsa información que aparece al respecto.
  • Pedro CM
    @Tandil Ajedrez: !important sirve para especificar mayor importancia a un valor de una propiedad que a otra que no lo tiene. Un saludo.
  • Entonces no existe hack para ie8?

    no era que si le agregamos el !important solo es para ie8?
  • AxZ
    Creo que el hack que buscan es agregar un "\9" al final de la línea y antes del ";" ... algo así:
    color: red;
    color: blue\9;
  • @Pedro CM
    Gracias!!!
  • Pedro CM
    @Talina puedes preguntarlo en el foro:

    http://comunidad.cssblog.es

    Un saludo.
  • Hola, ya coloque la línea meta en mi archivo principal y no funciona :( alguien sabe que hacer en caso de este error.

    Muchas gracias.
  • Pedro CM
    @Jc Figueroa IE8 soporta JQuery.

    Sobre tu otra pregunta, no podría contestarte a menos que pasases más datos, pregúntalo en el foro: http://comunidad.cssblog.es

    Un saludo.
  • Jc Figueroa
    yo tengo una gran duda ojala me la puedan responder, internet explorer 8 soporta jquery?, segun yo no es asi, por que estoy creando un sitio web maquetado con css y todo eso eh inclui jquery borders para darle mas estilo ala pagina pero cuando entre a internet explorer 8 o sorpresa no tenia bordes y el banner en flash que habia creado estaba desalineado y unas imagenes a las cuales les habia creado bordes conjquery se veian muy feas :S desalineadas, otra pregunta es utilisando las propiedades que describen arriba exclusivas para internet explorer 8, es de cir si las implemento en mi hoja de estilo solucionare mi problema, de antemano gracias apreciaria mucho su opinion.
  • He probado la linea meta y realmente funciona. Llevaba un dia entero rompiendome los "piiiiiiiiiii"

    Muchas gracias!!!!
  • Optimusoft
    Esta es la linea:
    <meta http-equiv="X-UA-Compatible" content="IE=7" />
  • Optimusoft
    La solución para sus problemas es añadir la siguiente linea a sus paginas:



    esta linea permite la compatibilidad de IE8 con IE7, por lo tanto la maquetacion no tendra problemas.

    Ademas, esta solucion esta por toda la bloggerfera.
  • Ovamendocino
    Amigo, no existe tal HACK. Lo que tenes que hacer es ir al menú Página, Vista Compatibilidad, y el IE8 utilizara dicho sitio en el cliente con el motor de IE7. A mi no me quedó más remedio que decirle a los usuarios de mis sistemas qeu implementan dicha opcion. Saludos.
  • Jose Leon
    de todos modos si supieras de una opcion de hack como la que te mencione, porfavor me seria de gran utilidad...

    Gracias nuevamente...
  • Jose Leon
    claro, aun no lo eh probado con IE8, lo pruebo y te comento al respecto...

    Gracias, un saludo desde Peru...
  • CSSBlog
    @Jose Leon puedes seguir usando los comentarios condicionales específicos para IE 8:
    http://www.cssblog.es/ampliacion-sobre-los-come...

    Un saludo.
  • Jose Leon
    Hola, gracias por responder tan pronto, uno con el que pueda manipular los CSS y que solo afecte a IE8, como sabras hasta antes que salga esta nueva version de interntet podias hacer esto:

    width:100px; ==> Firefox;
    #width:600px ==> IE7;
    _width:50px ==> IE6;

    esos eran hackscon los cuales contabamos para poder hacer que nuestra web se vea bien en estos tres navegadores, pero ahora con IE8 hay un gran dolor de cabeza ya que imaginate si un site que tiene mas de 500 paginas se ve mal en IE8, tener que volver a desarrollarlo seria demasiado pesado, por eso quiisera saber si hay un hack como el que te mostre pero esta vez para IE8; el que mencionas aqui en tu blog no funciona....

    Gracias...
  • CSSBlog
    @Jose Leon qué tipo de hacks quieres?
  • Jose Leon
    No funciona, todo el dia es estado intentando hacer lo que recominedas aqui pero nada de funcionar, realmente Internete explorer 8 parece ser muy bueno, lo malo es que da muchos dolores de cabeza en paginas que ya son enormes y que se ven mal en IE8, porfavor si supieras de un hack para IE8 a alguna otra forma que no sea el de hacer que se comporte como IE7 con la llamada desde el "http:" me ayudarias mucho, llevo buscando soluciones desde hace mucho y nada confiable aun...

    Gracias...
blog comments powered by Disqus

Sigue este blog por:

Patrocinadores

  • Últimos comentarios

    Patrocinadores


    Get Adobe Flash playerPlugin by wpburn.com wordpress themes