Jquery et pagination sous ie7

test -  
animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous !

J'ai un soucis avec ma pagination qui déconne de temps en temps sous ie7.
J'ai pour cela utilisé PIE pour créé mes arrondis (pour ie)

Sous ie10, ie9, et ie8 je n'ai pas de bug c'est à dire que mon encadré arrondi ne va pas au coin gauche, de temps en temps de la page.

Voici l'url : http://vaurel.free.fr/apple/blog.html

Quelqu'un pourrait il me dire pourquoi j'ai ce décalage (de .blog_arrondi_gauche)?

Merci ;)

7 réponses

  1. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    Salut

    Il n'y a pas que .blog_arrondi_gauche qui déconne sous IE7

    sous IE 7 ta div bg_grass déborde et met une barre de scroll horizontale
    met le width de bg_grass à 100% pour IE7

    ensuite pour ce que tu as dis ce n'est pas un problème de pie ou de coin arrondi, c'est l'image fruit_salade.png qui déborde du coin.
    peut être en mettant un margin à l'image ou a .blog_arrondi_gauche pour IE7 ca pourrait regler le problème avec ce pu... d'IE7

    Un petit merci vaut mieux qu'une grande ignorance
    0
  2. Fetide68 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   32
     
    La propriété CSS border-radius n'est pas supportée dans les anciens IE.
    Le coins arrondis ne sont donc pas possibles en css.
    La seule façon d'y remédier c'est d'utiliser une image png...

    Je n'ai pas trop compris ta question, mais j'espère t'avoir aidé.
    0
  3. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    non Fetide68 il y a PIE, un hack qui permet d'appliquer les css3 border-radius box-shadow et gradient à IE6 --- IE8
    tape dans google PIE.htc ou PIE.php tu verra : pas besoin d'une image de coin arrondi comme a l'époque de IE5 et IE6
    0
  4. test
     
    et j'ai viré <div class="bloc_droit_image"><img src="images2/fruit_salad.png" alt="fruit salad" /></div>

    et j'ai toujours le même problème
    l'encadré se barre en haut à gauche de l'écran..
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    remet ce que tu as viré car ce n'est pas un problème html mais CSS

    dans blog.css

    tu as

    .blog_arrondi_gauche {
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -moz-box-shadow: 1px 1px 12px #f9d8aa inset;
    -webkit-box-shadow: 1px 1px 12px #f9d8aa inset;
    box-shadow: 1px 1px 12px #f9d8aa inset;
    border-radius:15px;
    background-color:#ffffff;
    margin-top:30px;
    width:620px;
    overflow:hidden;
    behavior: url(PIE.php);
    position:relative;
    }

    remplace margin-top:30px; par ces 2 lignes

    *margin: 30px 30px 30px 0; /****IE7***/
    margin:30px 0 30px 0;

    dans style.css
    .bg_grass
    il y a aussi un problème que tu pourrais resoudre en retirant right et en mettant un background-position

    Un petit merci vaut mieux qu'une grande ignorance
    0
  7. test
     
    remplace margin-top:30px; par ces 2 lignes

    *margin: 30px 30px 30px 0; /****IE7***/
    margin:30px 0 30px 0;

    ça change rien :(
    0
  8. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
     
    Bon sous IE 7 et 8 c'est OK pour .blog_arrondi_gauche

    et autant pour moi j'avais oublié le padding

    donc essaie ca à la place des 2 lignes

    margin:30px 0 30px 0;
    padding: 30px 30px 30px 0;

    reste le haut sous IE7 bg_grass est mal positionné
    dans farm.css

    .ie7 .farm_bg_grass {
    top:260px;
    width:100%;
    margin-right:840px;

    }

    retire le margin-right:840px;
    si ca ne marche pas c'est de toute facon la dedans que se trouve la solution

    0
    1. animostab Messages postés 3003 Date d'inscription   Statut Membre Dernière intervention   738
       
      il faut me comprendre tu as 4 fichiers css donc pas évident a retrouver ou se trouve chaque truc
      0