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

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Différence d'interprétation du code entre plusieurs navigateurs

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

par Lyen » 09 août 2023, 08:28

Merci! :)

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

par two3d » 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

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

par Lyen » 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.

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

par two3d » 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.

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

par Lyen » 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?

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

par Lyen » 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ù.

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

par two3d » 07 août 2023, 11:51

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

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

par Lyen » 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 :)

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

par two3d » 07 août 2023, 08:30

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

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

par or 1 » 06 août 2023, 22:42

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

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

par Lyen » 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!