Discussion :

[Erwan31]

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.

[arnogues]

Colle un height:100% sur #content.

[Lorenzo77]

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 ?

[Erwan31]

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.

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?

[arnogues]

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.

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

[Erwan31]

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.

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.

[rodolphebrd]

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.

[Erwan31]

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.