Difference d'afiichage entre IE et firefox

Fermé
mathieu - 18 juin 2007 à 13:33
 king - 18 juin 2007 à 16:43
Bonjour j'ai un petit problème d'affichage entre IE et firefox . Je m'explique j'ai créé un site qui s'affiche bien sur IE mais quand je le lance avec firefox ben il manque du texte et le fond ne s'affiche qu'a moitié bref c la catastrophe . Alors si quelqu'un a une solution merci de me la dire

7 réponses

Salut,

Biensur il n'existe aucune solution. Tu fais des test et tu trouve ce qui cloche...

Il est important de toujorus déclarer les marges, espace, etc.. IE a tendance a avoir des valeurs par défaut tandis que firefox non.

Pas se solution miracle.
0
J'ai deja fait plein de test et je trouve pas rien ne bouge d'un millimetre si qqn pourrais m'aider sa serait bien voici le code de la page


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Accueil</title>
<style title="CSSaccueil" media="all" type="text/css">
#fondaccueil { border: 2px solid rgb(0, 0, 0);
width: 100%;
opacity: 1;
height: 100%;
background-color: transparent;
background-image: url("Photos/retouche5.jpg");
background-position: center;
}
#menuaccueil { border-color: rgb(255, 255, 255);
border-width: 2px;
border-top: 2px solid rgb(255, 255, 255);
border-right: 2px solid rgb(255, 255, 255);
width: 200px;
float: left;
background-color: transparent;
}
#titre { border-color: rgb(255, 255, 255);
border-width: 2px;
border-top: 2px solid rgb(255, 255, 255);
border-bottom: 2px solid rgb(255, 255, 255);
background-color: transparent;
width: 100%;
height: 200px;
}
#photoaccueil { float: right;
width: 300px;
margin-right: 10px;
}
</style>
<ilayer width="&{marqueewidth};" height="&{marqueeheight};"
name="cmarquee01"></ilayer><layer name="cmarquee02"
width="&{marqueewidth};" height="&{marqueeheight};"></layer>
</head>
<body style="color: rgb(0, 0, 0);" alink="#ee0000"
link="#0000ee" vlink="#551a8b">
<div
style="text-align: center; margin-top: 0px; height: 600px; font-family: algerian;"
id="fondaccueil">
<div><br>
<br>
</div>
<div style="height: 59px;" id="titre">
<h1><big><big><big>
<marquee loop="0" scrollamount="10" direction="right"
behavior="alternate">AGNESINA Menuiserie Agencement</marquee>
</big></big></big></h1>
</div>
<div style="text-align: left;">
<div id="photoaccueil"> 
   
  <br>
           
           
           
          
       
           
          <br>
<br>
<strong><em></em></strong>
<marquee direction="right" behavior="slide" width="310"><strong><em><a
href="Photos/image010.jpg"><img
style="border: 2px solid rgb(0, 0, 0); width: 300px; height: 100px;"
alt="" src="Photos/image010.jpg"></a></em></strong></marquee>
 
           
         
  
           
           
           
            <br>
<br>
<br>
<br>
<br>
<br>
<br>
<marquee behavior="slide" width="310"> <a
href="Photos/image011.jpg"><img
style="border: 2px solid rgb(0, 0, 0); width: 300px; height: 215px;"
alt="" src="Photos/image011.jpg"></a></marquee>
</div>
<br>
 
 
<div id="menuaccueil"
style="width: 200px; margin-top: 0px; height: 815px;"> 
   <br>
<br>
<br>
<br>
   <span
style="text-decoration: underline; font-family: Batang; font-weight: bold;"><a
href="espacemembre.php">Espace membre</a></span><span
style="font-weight: bold;">
</span><br>
<br>
<br>
<span style="font-weight: bold;">
 
 </span><span
style="font-family: Batang; font-weight: bold;"></span><a
style="font-family: Batang; font-weight: bold;"
href="lasociete.php">La
Société</a>
<br>
<br>
<br>
<span style="font-family: Batang; font-weight: bold;">  </span><a
style="font-family: Batang; font-weight: bold;"
href="references.php">Quelques
références</a><br>
<br>
<br>
<span style="font-family: Batang; font-weight: bold;">  </span><a
style="font-family: Batang; font-weight: bold;"
href="contact.php">Contacts</a><br>
<br>
<br>
   <br>
    <br>
    
<marquee direction="up" height="400"><img
style="border: 2px solid ; width: 170px; height: 300px;" alt=""
src="Photos/100_0007.jpg"><img
style="border: 2px solid ; width: 170px; height: 300px;" alt=""
src="Photos/100_0218.jpg"></marquee>
<br>
<br>
<br>
    <br>
<br>
<br>
<br>
<br>
    </div>
<br>
          <var
style="color: rgb(102, 51, 102); font-weight: bold;"><big><br>
<br>
<br>
<br>
         Entreprise
née en 1936 , qui
tout au long de son expansion ,      
  <br>
<span style="color: rgb(102, 51, 102);">   
     a
conservé l'esprit du bon
travail , allié aux techniques  
           
modernes de la
construction , de
l'aménagement et de      
             
  réhabilitation .</span></big><span
style="color: rgb(102, 51, 102);">
 
           
          </span><br>
<span style="color: rgb(102, 51, 102);">   
       
           
           
           
           
      </span><br>
<span style="color: rgb(102, 51, 102);">   
     </span><big>
Agnesina possède
de
multiples références dans les domaines<br>
        les plus divers
tant en neuf
qu'en réhabilitation .</big><br>
<span style="color: rgb(102, 51, 102);">   
      </span></var><big
style="font-weight: bold; color: rgb(102, 51, 102);"><big><big><big><small><big
style="color: rgb(102, 51, 102);"><var>.
</var></big><small><small><big><small
style="color: rgb(102, 51, 102);"><var>Menuiseries
extérieures et intérieures .  <br>
        </var></small><big><big><small><big
style="color: rgb(102, 51, 102);"><var>.
</var></big><small><small><big><small
style="color: rgb(102, 51, 102);"><var>Plâtrerie
,
isolation
thermique et phonique .<br>
        </var></small><big><big><small><big
style="color: rgb(102, 51, 102);"><var>.
</var></big><small><small><big
style="color: rgb(102, 51, 102);"><var><small>Agencement
de magasins et d'intérieures </small> 
 
           
           
           
   <br>
      <small> </small></var></big><small><var
style="color: rgb(102, 51, 102);"><big>
 Agnesina
s'adresse aux particuliers
, industriels ,          
     
         
 commerçants et
collectivitées .       
           
     
  </big>   <br>
       
   <big><br>
       
  Agnesina c'est aussi : <br>
        </big></var><big><big
style="color: rgb(102, 51, 102);"><var><big><big><big><small>.</small>
<small><small><small><small>Un
bureau d'étude</small></small></small></small></big></big></big></var></big><small><big><var
style="color: rgb(102, 51, 102);">
intégré , capable de répondre <br>
           a
la personnalisation des lieux les plus divers.<br>
       </var><big><big><big><small><big
style="color: rgb(102, 51, 102);"><var>. </var></big><small><small><small><big><small
style="color: rgb(102, 51, 102);"><var>
Une équipe de plus de 60 personnes qui conjuguent la passion
<br>
         
 
     de
leur métier avec l'écoute du client .<small><small><small><br>
</small></small></small>   
     </var></small><big><big><big><small
style="color: rgb(102, 51, 102);"><big><var
style="color: rgb(102, 51, 102);"><small><small><small><small><big><big><big><big>.</big></big></big></big> 
Une entreprise qui
accueille et forme des jeunes .</small></small></small></small></var><span
style="color: rgb(102, 51, 102);"> </span> </big>
   </small>    
  
  </big></big></big></big></small></small></small></small></big></big></big></big></small></big></small></small></small></small></big></big></big></small></small></small></big></big></big></small></small></small></big></big></big></big></div>
</div>
</body>
</html>

si quelqu'un trouve je l'en remercie enormement .
0
En général, IE voit légèrement plus petit que Firefox ou Opera

Faut soit:
- régler tout ça sur base Firefox, ça ne nuira pas à IE sauf espaces plus larges
- soit passer via un CSS conditionnel pour IE, histoire d'avoir un affichage exacte entre les navigateurs (pour les maniacs).
0
Ok alors je dois tout retailler avec comme base firefox qoi , la blase de tout refaire mais bon si il le faut .
Bon ben merci alors pour m'avoir aider . J'ai du boulot maintenant
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
gryzzly Messages postés 4607 Date d'inscription lundi 7 novembre 2005 Statut Contributeur Dernière intervention 24 octobre 2020 1 316
18 juin 2007 à 14:36
oui et non... je dirais qu'il faut que tu travailles en simultané sur IE (6) et firefox. en effet, le rendu firefox et IE7 sera normalement le même, mais tu risque alors de rencontrer des problèmes d'affichage sur IE6 ;-)

oui je sais... c'est pas marrant ;-)
0
Ou alors faut que tu bosses sur les polices :-)

-soit mettre en px (généralement l'affichage est le même pour tous mais IE risque de bloquer l'agrandissement)
-soit mettre en "em" et tester
-soit mettre en % (là IE 6 vois en +/- 90% pour 100% firefox et autres)

Pour le fond, IE6 réagit pareil que les autres si c'est mis en CSS

Donc, effectivement, c'est pas simple, faut un peu bidouiller mais pas nécessaire de tout recommencer ;-)
0
gryzzly Messages postés 4607 Date d'inscription lundi 7 novembre 2005 Statut Contributeur Dernière intervention 24 octobre 2020 1 316
18 juin 2007 à 15:06
Salut king,

Pour le fond, IE6 réagit pareil que les autres si c'est mis en CSS

tu ne te souvisns pas de mon site ? tu y avais passé un peu de temps (on ne s'était pas compris d'ailleurs - pour changer :-D ) ... et sous IE6, y'a vait des décallages pourris (10 cm en haut de l'écran, duplication d'images dans des div, etc...)

et c'est du tout css ;-)
0
king > gryzzly Messages postés 4607 Date d'inscription lundi 7 novembre 2005 Statut Contributeur Dernière intervention 24 octobre 2020
18 juin 2007 à 16:43
certes,

ce pourquoi, en général, je privilégie le CSS conditionnel. Ce qui permet de bidouiller pour IE sans aucun changement pour les autres navigateurs.

Le défaut est qu'il y a 2 css à mettre à jour (si changement), mais c'est peu d'inconvénients par rapport au casse tête de mettre tout le monde d'accord.

Le CSS basique est assez bien compris par IE, mais les avantages que procure le CSS offre généralement une grande déconnade sous IE (du moins IE6 car le 7, connais pas) :-)
0
Ouais comme tu dit c'est pas marrant je vé voir ptete je vé abandonner le firefox ^^. non je rigole c pas possible bon aller fo que je mle mette au travail merci encore .
0