Jquery et pagination sous ie7

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. 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
    1. 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
      1. 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
        1. 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
          1. 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
            1. remplace margin-top:30px; par ces 2 lignes

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

              ça change rien :(
              0
              1. 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. il faut me comprendre tu as 4 fichiers css donc pas évident a retrouver ou se trouve chaque truc
                  0