Différence d'interprétation du code entre plusieurs navigateurs

Petit nouveau ! | 6 Messages

06 août 2023, 19:22

Bonjour,
J'ai un souci que je n'arrive pas à régler. Je ne suis pas pro en code html mais je me débrouille un peu.
J'ai un site avec tableau qui s'affiche comme je le souhaite avec CHROME, FIREFOX ou OPERA, mais qui interprète une ligne d'espacement dans mon tableau avec SAFARI.
Je n'ai aucune idée d'où cela vient. Quelqu'un a-t'il déjà eu ce type de soucis? Avez-vous une idée comment je pourrai régler cela?
Je pourrai partager un screenshot s'il y a un moyen de partager des images en lignes temporairement.
Merci beaucoup pour votre aide!

Mammouth du PHP | 2580 Messages

06 août 2023, 22:42

beaucoup plus pratique, nous donner un https://jsfiddle.net/

Avatar du membre
Mammouth du PHP | 1437 Messages

07 août 2023, 08:30

Il est possible qu'il te manque une balise fermante. Sans code, je peux pas te dire.

Petit nouveau ! | 6 Messages

07 août 2023, 11:14

Bonjour,
Je ne connais pas jsfiddle mais j'ai essayé: x2c4oabd
Il manque les images à charger... Merci pour vos aides :)

Avatar du membre
Mammouth du PHP | 1437 Messages

07 août 2023, 11:51

Je confirme, tu as des balises <img non fermées dans <table>.

Petit nouveau ! | 6 Messages

07 août 2023, 11:52

Je confirme, tu as des balises <img non fermées dans <table>.
Merci, je vais essayer de trouver où.

Petit nouveau ! | 6 Messages

07 août 2023, 12:54

J'ai testé: u5r6ky02
cela ne change rien sur Safari. J'ai toujours ce décalage. Comment puis-je partager ce que je vois?

Avatar du membre
Mammouth du PHP | 1437 Messages

07 août 2023, 14:34

Je te déconseille les tables pour mettre en forme, utilise plutôt des div.
Je te conseil d'utiliser HTML5.

Si tu veux rester sur des tables, fait un reset CSS car certains navigateurs pourraient avoir des padding et margin différents.

Petit nouveau ! | 6 Messages

07 août 2023, 18:30

As-tu un lien à me partager afin que je comprenne la différence entre la mise en forme par les tables et par les div?

Comme je le disais, ma page est comme je le veux sur tous les navigateurs sauf sur Safari, c'est embêtant d'avoir à repenser toute la page (et à tout revoir et tout réapprendre) juste pour un espace apparaissant sous le texte et sous la première rangée d'images sur un seul navigateur. Car si non tout fonctionne.
D'autant plus que toutes les autres pages sont parfaitement comme je le veux, même sur Safari.

Avatar du membre
Mammouth du PHP | 1437 Messages

07 août 2023, 18:48

L'utilisation des tables est obsolète car elle n'est pas compatible sur les mobile, tu peux utiliser les flexbox CSS pour rendre responsive ta page.

Voir du côté des "reset CSS" si tu souhaite garder les tables et ne pas te prendre la tête à apprendre les flexbox ou voir du côté de grid CSS.

La doc est ici : https://developer.mozilla.org/fr/docs/W ... rid_Layout

Petit nouveau ! | 6 Messages

09 août 2023, 08:28

Merci! :)