Discussion :

[ohamelisse]

Bonjour !

J'ai besoin d'aide pour un code mais je tiens à préciser que je ne m'y connais pas en javascript malheureusement.
Je tiens un blog qui fonctionne parfaitement sur tous les navigateurs sauf Firefox (la page est déformée à cause des images trop grandes sur Firefox mais correctes sur I.E et safari)
Pourriez-vous m'aider à trouver un code qui s'adapterait automatiquement en fonction du navigateur du visiteur ?

Voici celui que j'utilise actuellement pour safari :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div class="separator" style="clear: both; text-align: center;"><img src="IMAGE 1" /></div>
<br />

Et je voudrais que pour firefox il soit comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="separator" style="clear: both; text-align: center;">
<img src="IMAGE 2" height="330" width="640" /></div>
<br />

Est-ce que ce serait possible ?
Si oui comment installer tout ça sur blogger ?

Merci d'avance et bonne journée !

[01001111]

si ton code est bon dans son contexte, il doit passer sur firefox et safari sans aucun problème,
normalement c'est mieux de spécifier un width et un height partout, que ce soit par attribut html ou par css.
donc le problême me semble être à reprendre plus simplement,
mais sinon si blogger accepte le javascript, tu peux te servir d'une expression régulière sur la chaine navigator.userAgent

par exemple détecter firefox c'est comme ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 if (/Firefox\//i.test(navigator.userAgent)) {
             document.getElementById("monDiv").innerHTML='mon code spécial firefox';
}

mais franchement c'est ici prendre un marteau pour écraser une mouche

[sekaijin]

si la taille est connue pourquoi ne pas la mettre directement dans le code HTML

c'est toujours une mauvaise idée que de dépendre du navigateur.

A+JYT

[devyan]

Bonjour,

Pourrais-tu mettre des copies d'écran pour illustrer (une bonne, une mauvaise) ?

[ohamelisse]

Bonjour,

Je suis d'accord avec vous 01001111 et sekaijin mais le modèle de mon blog est pré-fait et je ne sais pas où modifier cela et j'évite d'y toucher car j'aurais peur de tout empirer.
Dans le code que tu me donnes, "if" correspond à la class que je dois renommer et ensuite mettre class="if" ou je me trompe ?

Voici les captures d'écran qui montrent le problème

SAFARI



FIREFOX

[NoSmoking]

Bonjour,
ton problème n'est qu'un problème de CSS et d'une utilisation abusive de DIV et de float:left.
On notera que FireFox est plus intransigeant sur certaines choses.

Une solution crossBrowsers est de supprimer le float:left à ta <div id="content" class="content section"> ainsi qu' à <h3 class="home-widget-header">.

...c'est toujours une mauvaise idée que de dépendre du navigateur.

Ah! ça c'est bien vrai...


PS : il existe également Validation Service qui peut être d'une grande utilité, mais bon on n'est plus dans le javascript!