soucis de déformation entre chrome et safari/firefox

[Invité]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Safari
Capture d'écran du problème : bug provoqué sous firefox & safari

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis quelques jours
Lien du forum : http://loveiscomplicated.com/

Description du problème

Bonjour à vous

Alors je viens faire appel à vous comme il y a quelques jours même j'ai ajouté au profil beaucoup trop long une barre de défilement pour que la hauteur soit pareil partout. Toutefois, j'ai pu remarquer que sur Chrome tout allait bien. Par contre, certains membres m'ont dit qu'ils voyaient le profil déformé donc j'aurai besoin d'aide pour trouver le soucis et voir si on peut faire quelque chose pour que cela ne se déforme pas.

Je vous remercie par avance.

Je vous met la capture sur Chrome pour vous montrer que tout est bon à la différence de Firefox et Safari.

Spoiler:

[Invité]

Petit up

[Invité]

Up toujours d'actualité.

[tupac]

Bonsoir Psychotic Bitch,

En tant qu'invité je n'ai pas accès aux informations du profil pour pouvoir voir d'ou vient le problème.

Si vous ne souhaitez pas montrer vos codes a la vue de tous je vous propose de déposer ici le template viewtopic_body ainsi que le css associé entre les balises hide soit vous me donné le tout par MP.

[Invité]

Coucou merci de ta réponse

Effectivement j'avais complètement oublié que nous avions restreint l'accès du coup je te poste ce qu'il te faut.

le viewtopic body



le css


Normalement j'ai tout mit

[Invité]

Up

[tupac]

Ok pour que les largeurs soit prises en compte de la même façon sur les différents navigateurs il vaut mieux les mettre en %.

Remplacer cette ligne.

Code:

  <!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

Par celle-ci.

Code:

  <!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="30%">

Vous remarquerez que j'ai remplacé le 150 par 30%, si la largeur ne vous convient pas adaptez la a votre guise.

[Invité]

Merci beaucoup ça fonctionne

Le problème est donc résolu