débordement: fonctionne dans Chrome 11, mais pas dans Firefox 4 ou IE9

J'utilise http://tympanus.net/jPaginate/ pour implémenter la pagination. Sous Chrome 11, Demo 5 semble normal mais sous IE9 ou Firefox 4, le dernier numéro de page est affiché et déplacé vers une nouvelle ligne.débordement: fonctionne dans Chrome 11, mais pas dans Firefox 4 ou IE9

Je pense que le div a un débordement: ensemble caché de sorte que les numéros de page cachés ne sont pas censés être affichés, sauf si ">>" ou "< <" est survolé. Cela fonctionnait correctement dans IE8 et Firefox 3.

Comment puis-je implémenter une solution de contournement pour IE9 et Firefox 4?

Source

2011-05-03 Saul Karl

+1 Je vois le même comportement sur la page liée. Vous pouvez essayer de contacter l'auteur http://tympanus.net/ pour voir s'ils ont une mise à jour dans les travaux, ou peut-être quelqu'un ici va venir avec une solution qui peut être contribué en retour. –

Définir une hauteur fixe à la div, sinon il va s'étirer pour accueillir tout le contenu.

[EDIT]

Ah, il ne résout pas votre problème, plus, en voyant que le paginator est entièrement générée par le plug-in, je crois qu'il est le plug-in qui salit quelque chose. Il se peut également que la fonction width() de jQuery refuse de coopérer avec FF4 et IE9. Il se trouve que j'ai un problème avec width() le redimensionnement des éléments de la liste dans un menu nav sur l'un de mes sites, et cela arrive aussi avec FF4 et IE9 seulement. Odd ... Vous pouvez essayer d'augmenter la largeur du <ul> contenant les éléments de pagination avec jQuery après avoir généré le paginateur, mais c'est une solution provisoire.

Source

2011-05-03 01:00:53 mingos

La largeur de jQuery est totalement cassée lorsque la largeur n'est pas un entier (donc avec Firefox sur Mac, Firefox 4+ sur Windows, IE9 +, et probablement Firefo sous Linux). –

Est-ce que certains arrondis pourraient faire l'affaire? – mingos

Disons que vous avez 30 choses dans une rangée chacune avec une largeur de 10.3333px. Si vous additionnez la largeur() de tous, vous obtenez 300px. La largeur correcte est 310px. Si vous obtenez les largeurs arrondies et que vous les ajoutez, vous obtiendrez 330px. En fin de compte, si vous voulez calculer des largeurs pour la mise en page, vous avez juste besoin d'utiliser au moins autant de précision que le navigateur lui-même utilise; sinon vous obtenez des artefacts étranges. –

La page à laquelle vous faisiez référence n'a plus de problème. Je suppose que l'élément avait display:inline-block ensemble de propriétés - c'était le problème que j'avais avec mon cas. Pour résoudre ce cas, vous devez définir vertial-align propriété.

De l'spec:

La ligne de base d'un « inline-block » est la ligne de base de la dernière boîte de ligne dans le flux normal, à moins qu'il n'a soit pas de boîtes de ligne en flux ou si sa propriété 'overflow' a une valeur calculée autre que 'visible', en auquel cas la ligne de base est le bord de la marge inférieure.

Source

2012-09-24 01:45:40

Donner l'élément ul.jPag-pages li une largeur fixe résolu mon problème sous IE9 et IE10

Source

2014-03-25 08:50:35 Grex

débordement: fonctionne dans Chrome 11, mais pas dans Firefox 4 ou IE9

Répondre

Questions connexes