problème de changement de naviguateur

**phoenix-tellurique** · 04/08/2009, 17h21

Bonjour,
Voila, je débute dans le développement web et mon problème est le suivant: Pour voir à quoi ressemblera mon site, je l'ai hébergé gratuitement dans ifrance. J'utilise mozilla firefox pour visualiser mon site, et là tout est bon. Mais lorsque j'utilise internet explorer, ma page est chamboulée, les div sont décalés etc alors que que dans mozilla c'est normal (voici le lien de la page : http://wlad-derbna.ifrance.com). Je ne sais pas d'où provient le problème.

**tibotibo69** · 04/08/2009, 19h01

C'est l'éternel problème entre IE et les autres navigateurs, mais il y a plusieurs possibilités pour pallier à ce problème :

- soit tu définis deux feuilles de style ( une pour IE, une pour les autres navigateurs de cette façon :

Code :

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

1
2
3
<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="../css/style_ie.css" />
    <![endif]-->

- soit en passant par des hacks CSS :

explications ici : http://www.babylon-design.com/site/i...-css-important

sacha69 · 04/08/2009, 19h07

Soit tu essayes de faire des styles interprétés correctement sur tous les navigateurs (si si c'est possible) ^^

**regh12** · 05/08/2009, 11h25

bonjour ,
bonne idée sacha69 ,peu tu nous donner plus de détail ctp ,
merci

sacha69 · 05/08/2009, 11h35

Je peux pas coder son site à sa place ^^

Mais le conseil que je peux donner c'est de vérifier le rendu du en priorité sur IE, parce que c'est le navigateur qui respecte le moins les standards, donc si les styles s'appliquent bien sous IE, il y a de fortes chances qu'ils soient bien interprétés dans FF.

Ce que je fais quand je dois faire une refonte, j'ai systématiquement IE6, 7, 8 et FF3 d'ouverts et je vois ce que ça donne. Tant que ça va pas, je fais des modifs.

Faut s'armer de patience, parce que c'est pas toujours évident de capter ce qui cloche, mais si tu t'amuses à utiliser 1 feuille de style pour IE, 1 autre pour FF, une autre pour chrome ou autre etc ... c'est pas gérable.

Vaut mieux se prendre la tête une bonne fois pour toute et faire quelque chose de "propre".

Il y a beaucoup de doc sur ce site qui peut aider, on peut trouver énormément d'infos sur le net, de sites.. pour arriver à avoir un bon rendu sur tous les navigateurs.

Encore une fois, de la patience et ça paiera

**Macmillenium** · 05/08/2009, 13h58

Eh ben les gars, c'est un hébergeur gratuit, faut commencer par jeter un coup d'œil sur le code HTML généré

Ah tiens, ifrance rajoute des lignes de code pour afficher sa barre :

Code :

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

1
2
3
4
5
6
7
8
9
 
<script language="Javascript" type="text/javascript">
<!--
var d=new Date; rnd=d.getDay()+'-'+d.getHours(); var b=(''+location.hostname).split('.'); d=2; if(b[b.length-d+1]=='') d=3; h='web.'+b[b.length-d]+'.'+b[b.length-d+1]; 
document.write('<sc'+'ript src="http://js-perso.ifrance.com/js.php?'+rnd+'"><'+'/sc'+'ript>');
// -->
</script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">_uacct = "UA-324340-1"; urchinTracker();</script>

Et juste avant le doctype en plus :

Code :

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

1
2
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Les conséquences : Très graves, tous les navigateurs sont basculés en mode de rendu Quirks.
Ce qui explique les problèmes de rendu

Solution : Chercher un hébergeur sans pub.

problème de changement de naviguateur

CSS

Vue hybride

Discussions similaires

Partager

Partager