Error maquetado en IE8 y IE9

  • petelo

    (@petelo)


    hace 11 años, 11 meses

    TEngo un problema que quizas es simple para alguien que esté acostmbrado a trabajar con CSS y WordPress, yo la verdad estoy incursionando y metiendo mano de atrevido, y hasta ahora me había manejado bien, pero resulta que instalé una template ya armada, y en Chrome y Firefox andaba todo bien pero en IE8 e IE9, tengo problemas con 3 zonas que están entre el content y el footer, donde se me va para abajo uno de los gráficos.

    el problema está en el index en los gráficos que dicen : Agenda el Día, RSVP, Nuestra historia, el sitio es http://www.caroyfran.com , cualquier ayuda es sumamente agradecida ya que no sé más que modificar dentro de lo que pude en las css para que funcionaran, si es necesario que pegue o mande los archivos css, me avisan.
    Muchisimas gracias

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Shinjiru_fred

    (@shinjiru_fred)

    hace 11 años, 11 meses

    hola Petelo.

    El problema que tienes esta en este pedazo de CSS

    #homebottom .widget {
    display: inline;
    float: left;
    padding: 5px;/*Este es el culpable*/
    width: 250px;
}

    Veo que tienes una hoja de estilo que puedes usar para solucionar problemas con los IE.

    Modifica la hoja de estilo llamada lte-ie7.css que esta en esta ruta:
    /wp-content/themes/SaveTheDate/lte-ie7.css

    coloca esto para que se solucione el problema:

    #homebottom .widget {
    padding: 0;/*Así se soluciona*/
}

    Luego de esto debes entrar en tu plantilla y llegar a head.php, dentro busca más o menos las siguientes líneas (he tirado a adivinar con lo de ‘template_directory’):

    <!--[if lte IE 7]>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/SaveTheDate/lte-ie7.css" type="text/css" media="screen" />
<![endif]-->

    y cambiarás:

    <!--[if lte IE 7]-->

    por:

    <!--[if gte IE 7]-->

    La modificación afectará solo a IE7 y superiór, osea al IE8 e IE9.

    Si desearas que la modificación afectara a todos los IE solo coloca:

    <!--[if IE]-->

    Bueno, espero haber servido de ayuda, cualquier cosa no dudes en comentarlo para tratar de solucionarlo.

    Ah, en hora buena a los futuros esposos.

    Suerte.

    Iniciador del debate petelo

    (@petelo)

    hace 11 años, 11 meses

    Un capo, capo Shinjiru_fred :), estuve toda la tarde metiendo mano como kamiakaze cambiando tamaños y margenes y no le di con lo justo, el que sabe sabe, en 2 minutos me solucianeste un gran problema existencial 🙂
    Se recontra agradece.

    Shinjiru_fred

    (@shinjiru_fred)

    hace 11 años, 11 meses

    Hola Petelo.

    Que bien que se solucionó el problema. IE es la típica chica rubia popular y caprichosa, para ella no vale el mismo trato que con las demás, a ella hay que dedicarle todo el tiempo del mundo. Menos mal que la IE9 es una chica menos complicada.

    Suerte 😉

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • El debate ‘Error maquetado en IE8 y IE9’ está cerrado a nuevas respuestas.

Etiquetas