28172 sujets

CSS et mise en forme, CSS3

Pages :
(reprise du message précédent)

@Raphael

C'est sûr que les entreprises sont extrêmement frileuses à changer de système, mais il est vrai que depuis des années toute leur gestion se fait par l'intranet de l'entreprise et que changer la version des navigateurs des ordinateurs de l'entreprise, c'est prendre le risque de ne plus faire marcher la gestion.

Mais en ce qui concerne mon problème, j'ai pris les dernières versions disponibles des navigateurs (pas de miracle, mon PC a planté au passage vers W10 et j'ai du en acheter un nouveau). Le problème est bien que FireFox et les autres ne réagissent pas de la même manière.
S'il y a un bug de CSS, -- ce qui est possible, mais quel bug? -- je comprends très bien que les navigateurs ne réagissent pas de la même manière et donnent des résultats différents. Mais si ce n'est pas un bug, c'est beaucoup plus inquiétant.

Moyennant quoi j'ai changé de CSS dans la "vraie page" pour masquer le problème, mais je ne suis pas rassuré pour autant. D'habitude je fais des essais sous FireFox, et quand ça marche ça va généralement très bien sur les autres navigateurs. Je pense que maintenant je vais prévoir une séance de tests sous Chrome dans mon plan de tests.
Modifié par PapyJP (02 Oct 2015 - 17:57)
Administrateur
Je n'ai pas réellement regardé quel était le problème initial, et je n'aurais sans-doute malheureusement pas assez de disponibilités pour le faire.

Très honnêtement, je doute qu'il s'agisse d'un bug : il s'agit de CSS2 et cela devrait être assez stable partout.

Le seul navigateur que je connaisse encore capable d'avoir des régressions et des bugs sur des specs finalisées est... Chrome. Pour autant que je sache, Firefox est beaucoup plus correct concernant les CSS. D'expérience, l'affichage de Firefox est le bon.

Le problème vient hypothétiquement de toi et de ton code, mais plusieurs phénomènes peuvent entrer en jeu :
- problème de BFC
- problème d'algorithme de tableau (que je ne connais pas par coeur)
- problème de specs peu claires sur certaines propriétés liées aux tableaux (et donc les navigateurs ont "le droit" d'intépréter comme ils veulent)
- etc.

Déjà, le fait que tu aies un width: 100% sur l'une des 2 cellules de tableau (le figcaption) devrait être gênant sur le principe, tu ne crois pas ? (et même avec une sur-bidouille de max-width: 75%)

Sinon, un bon moyen d'ajouter des espaces entre des cellules est d'appliquer un border-spacing: 20px 0; par exemple.
Modifié par Raphael (02 Oct 2015 - 18:14)
Merci Raphaël
Même si j'ai contourné le problème je regarderai ce qu'il en est, ça ne me plait guère de ne pas comprendre où ça coince.
Pages :