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 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.
Colle un height:100% sur #content.
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 ?
Merci ! Ça règle le problème même si c'est pas logique (ça devrait faire 100% de la hauteur du table.Envoyé par arnogues
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?
Ben si tu dis pas à une ligne comment se comporter, le navigateur essaye de faire à ta place.
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 comportementNon, je ne maitrise pas du tout le JS.
Y a-t-il un moyen pas trop compliqué de savoir sur quoi interfère JQ?
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.
C'est pourtant en retirant l'appel à jquery que j'ai remarqué que ça réglait le problème.
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.
Répondre avec citation
Partager