2010-06-25 20 views
1

J'ai un problème étrange, j'utilise le curseur facile 1.5 pour les diapositives. Tout fonctionne bien mais quand je charge la page pour la première fois, le côté droit déborde, puis après avoir rafraîchi la page une fois, tout va bien ...problème de débordement de curseur facile à la première charge (encore le même problème)

Voici le lien pour la page principale Ok, voici ma partie CSS du code, je pense que je ne sais pas beaucoup de positionnement, donc il doit y avoir un problème dans ce qui peut être mon sliderwrap.

Vous pouvez vérifier le problème dans Firefox 3.6 et la dernière version de chrome. Dans l'opéra ça n'arrive pas du tout. problème dans Google Chrome est plus sévère

Il y a une chose que j'ai remarqué dans Firebug que lorsque le site Loades pour la première fois, la largeur d'identification de curseur est affiché à 1079px et la hauteur de 312px et quand je rafraîchit le navigateur firefox et chrome (pas d'opéra), la largeur et la hauteur vont à nouveau à l'actuelle et firebug me montre 901 et 303 pixels ....

+1

est le chargement javascript avant le fichier css? – superUntitled

+0

oui javascript est en train de charger avant css –

+0

okay superunited résolu mon problème, il suffit de charger le fichier CSS avant que votre exécution de script a été à l'origine de ce problème d'erreur de calcul de hauteurs et de largeurs. –

Répondre

1

Vous devez corriger votre css ... si ce que vous avez posté est ce que vous avez, il y a des attributions répétées, mais le plus important, vous avez des erreurs de syntaxe ...

classe manquant ou identifiant id:

nextBtn {left: 1021px}

prevBtn a,

En ce qui concerne votre code HTML, votre message ne contient pas tous les éléments de ce curseur, mais semble être ok! La même chose pour la partie Javascript!

+0

Vous avez peut-être raison, mais pourquoi mon site Web charge-t-il correctement quand j'ouvre la page à partir du disque local, mais quand je vais en ligne avec le même navigateur le débordement se produit sur la première charge ...... vous pouvez le voir en ligne en allant sur ce site http://www.gulzarchildcare.com –

+0

#sliderwrap {background-color: # 00314e; clair: gauche; couleur: # f2f2f2; } #slider ul {style de liste: aucun; marge: 0; remplissage: 0px;} #slider li {width: 901px; height: 303px; débordement: masqué;} #nextBtn {display: block; width: 36px; hauteur: 36px; position: absolu; gauche: 1025px; haut: 250px; z-index: 1000;} #prevBtn {affichage: bloc; largeur: 36px; hauteur: 36px; position: absolue; gauche: 70px; haut : 250px; z-index: 1000;} #prevBtn a {affichage: bloc; largeur: 36px; hauteur: 36px; arrière-plan: url (images/prebtn.png) non-répétition 0 0} #nextBtn a {afficher: block; largeur: 36px; hauteur: 36px; arrière-plan: url (images/nextbtn.png) no-repeat 0 0} –

+0

okay le problème semble être résolu en appliquant le fichier local jquery.js sur le serveur hôte. D'abord je cherchais le dernier fichier de jquery de google avec le manuscrit. J'ai vu quelques articles sur firefox bugs et il y avait quelques informations pour appeler jquery.js localement ......... Et ta suggestion était bonne pour faire du code clearn, mais l'auteur de easyslider 1.7 a utilisé des CSS très étranges codes........ Merci pour l'aide –