pas le même affichage sous internet explorer et firefox, comment faire ?

**oceanne** · 23/06/2007, 11h17

Bonjour,

Comme vous pouvez le constater sous internet explorer mon site s'affiche correctement. Seulement si je l'ouvre avec Firefox il y a un souci au niveau du 1er cadre en haut, la news défilante s'affiche en dehors de ce cadre et cela n'est pas affiché pareil, cela me déforme mon site en plus.

Pourquoi svp ? et comment faire pour que cela soit le même affichage que sur internet explorer ? Quel script faut-il rajouter ?

**ptiyo** · 23/06/2007, 17h20

j'ai le même problème que toi qauf que c'est sous internet explorer que ça ne fonctionne pas correctement moi c'est l'intranet que je fais qui s'affiche correctement sous Firefox mais pas sous IE.....y a-t-il quelque chose a rajouter dans mon code?

**Clorish** · 23/06/2007, 17h42

tu as mis ton defilant en float je suppose ?
C'est le probleme.
Une solution bourine est de mettre un div avec clear:both en desous de ton defilant.
Pas tres propre mais efficace

Sinon je detecte des petits problemes de margin ...

**oceanne** · 27/06/2007, 00h13

--> mettre un div avec clear:both en desous de ton defilant

Il faudrait que j'écrive <div clear: both;>

Tu peux m'aider un peu plus stp

**Clorish** · 27/06/2007, 09h29

une simple <div id="spacer"></div> devrais suffire ...
avec une entree dans ton css : #spacer { clear : both; }

ou plus direct : <div style="clear : both;"></div>

**Seta-san** · 27/06/2007, 11h54

Ou encors ^^

Envoyé par Seta-san

Pour ma part je crée mon css en fonction de firefox (comme il est à jour),
puis quand je tombe sur un problème d'adaptation sous ie, je redéfini le css qui coince (lignes uniquement) dans une feuille spécialement pour ie.

Donc il faudrait 2 feuilles de style :

style.css

Code :

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

1
2
3
4
5
6
7
 
.mon_div
{
float:right;
margin-left: 15px;
margin-bottom: 15px;
}

Pour cette exemple, on va faire comme si le "margin-left" etait trop éloigné sous IE. Il faut donc re-ecrire la ligne css ou ce trouve le(s) probleme(s) dans une autre feuille de style. Ainsi celui-ci va appliquer toutes les caractéristiques de la feuille "style.css" sauf la ligne "margin-left" de ".mon_div" ou il va appliquer celui de "style_ie.css".

style_ie.css

Code :

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

1
2
3
4
5
 
.mon_div
{
margin-left: 12px;
}

Pour que cette astuce soie prise en compte il faut ajouter la ligne en rouge entre les balises <head></head> de ta page :

Code :

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

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

Apres si il y a des soucis avec d'autre navigateur, il suffit de faire la même procédure.
Voila. C'est une méthode qui évite bien des soucis ^^

**oceanne** · 28/06/2007, 15h33

Envoyé par Clorish

une simple <div id="spacer"></div> devrais suffire ...
avec une entree dans ton css : #spacer { clear : both; }

ou plus direct : <div style="clear : both;"></div>

Pas moyen ça change rien sous firefox