IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Jquery interfère avec CSS


Sujet :

jQuery

  1. #1
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut Jquery interfère avec CSS
    Bonjour,
    sur cette page suppr (sous Chrome 27), jquery fait remonter le footer (en table-row) alors qu'il devrait être calé en bas.
    D'autre part, la hauteur du header dépasse nettement celle que j'ai fixée, mais cette fois-ci ça ne vient pas de jquery.

  2. #2
    Membre expérimenté

    Profil pro
    Inscrit en
    Juillet 2012
    Messages
    183
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2012
    Messages : 183
    Par défaut
    Colle un height:100% sur #content.

  3. #3
    Membre Expert Avatar de Lorenzo77
    Profil pro
    Inscrit en
    Mai 2006
    Messages
    1 472
    Détails du profil
    Informations personnelles :
    Âge : 53
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Mai 2006
    Messages : 1 472
    Par défaut
    salut,

    bizarre ....
    tu as tenté de lancer avec JQ un display:block et ensuite un display:table-row histoire de voir si ca regle le probleme ?
    voir une tempo pour charger JQ ?

  4. #4
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par arnogues Voir le message
    colle un height:100% sur #content
    Merci ! Ça règle le problème même si c'est pas logique (ça devrait faire 100% de la hauteur du table.

    Citation Envoyé par Lorenzo77 Voir le message
    salut,
    bizarre ....
    tu as tenté de lancer avec JQ un display:block et ensuite un display:table-row histoire de voir si ca regle le probleme ?
    voir une tempo pour charger JQ ?
    Non, je ne maitrise pas du tout le JS.
    Y a-t-il un moyen pas trop compliqué de savoir sur quoi interfère JQ?

  5. #5
    Membre expérimenté

    Profil pro
    Inscrit en
    Juillet 2012
    Messages
    183
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2012
    Messages : 183
    Par défaut
    Citation Envoyé par Erwan31 Voir le message
    Merci ! Ça règle le problème même si c'est pas logique (ça devrait faire 100% de la hauteur du table.
    Ben si tu dis pas à une ligne comment se comporter, le navigateur essaye de faire à ta place.

    Citation Envoyé par Erwan31 Voir le message
    Non, je ne maitrise pas du tout le JS.
    Y a-t-il un moyen pas trop compliqué de savoir sur quoi interfère JQ?
    Ah au fait, ce n'était PAS du tout lié à jquery. Avant d'affirmer quelque chose, essaye d'abord de désactiver le JS et regarder le comportement

  6. #6
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Citation Envoyé par arnogues Voir le message
    Ben si tu dis pas à une ligne comment se comporter, le navigateur essaye de faire à ta place.
    Logiquement comme la hauteur de la table est définie à 100% du viewport et que les 2 autres rangées ont une hauteur définie (provisoirement), la rangée du milieu devrait donc remplir l'espace vertical restant.
    Mais CSS2.1 ne définit pas de comportement standard à adopter par la navigateur, pour cette raison mieux vaut ne pas définir de hauteur à une rangée.

    Citation Envoyé par arnogues Voir le message
    Ah au fait, ce n'était PAS du tout lié à jquery. Avant d'affirmer quelque chose, essaye d'abord de désactiver le JS et regarder le comportement
    C'est pourtant en retirant l'appel à jquery que j'ai remarqué que ça réglait le problème.

  7. #7
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    C'est un problème lié à webkit, avec le modèle tabulaire en css, que j'ai rencontré récemment sans trouver de réponses.

    D'ailleurs quand tu ouvres ta console d'inspection de code, que tu désactives display:table-row et que tu l'actives de nouveau, le problème disparait....

    J'investigue car tu m'y fais penser de nouveau.

  8. #8
    Membre Expert Avatar de Erwan31
    Profil pro
    Inscrit en
    Février 2008
    Messages
    2 177
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 2 177
    Par défaut
    Oui j'ai remarqué ça aussi.
    Le draft CSS3 (un tout premier brouillon) indique que les valeurs en pourcentage devraient être "converties" à auto, mais CSS2.1 ne définit rien à ce niveau là, les navigateurs sont donc libres de se comporter comme ils veulent, et la propriété table-layout ne peut agir que sur les largeurs.
    Le modèle tabulaire peut devenir un vrai casse tête..
    Enfin on m'a donné la solution, c'est l'essentiel.


    Sinon j'aimerais bien savoir comment on utilise un tempo pour charger une librairie.

Discussions similaires

  1. Réponses: 66
    Dernier message: 09/06/2015, 00h17
  2. Réponses: 3
    Dernier message: 07/09/2011, 12h28
  3. menu jquery accordion avec css hidden
    Par php_de_travers dans le forum Référencement
    Réponses: 2
    Dernier message: 02/12/2009, 18h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo