jquery et pagination sous ie7 Fermé

Question

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 ;)

animostab · Answer

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

Fetide68 · Answer

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é.

animostab · Answer

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

test · Answer

et j'ai viré

et j'ai toujours le même problème l'encadré se barre en haut à gauche de l'écran..

animostab · Answer

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

test · Answer

remplace margin-top:30px; par ces 2 lignes 

*margin: 30px 30px 30px 0; /****IE7***/ 
margin:30px 0 30px 0; 

ça change rien :(

animostab · Answer

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

Jquery et pagination sous ie7

7 réponses

Discussions similaires