Difference d'afiichage entre IE et firefox

mathieu -

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

Configuration: Windows XP
Internet Explorer 7.0

Afficher la suite

7 réponses

Réponse 1 / 7
mathieu
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
Réponse 2 / 7
king
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
1. gryzzly Contributeur
  
  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
2. king
  
  @gryzzlycertes,
  
  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
Réponse 3 / 7
gryzzly Contributeur
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
Réponse 4 / 7
mathieu
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 ?

La communauté CCM répond en moyenne en moins de 2h.

Posez votre question
Réponse 5 / 7
king
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
Réponse 6 / 7
mathieu
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> 
 
</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">

 



 
 

<marquee direction="right" behavior="slide" width="310"><a
href="Photos/image010.jpg"><img
style="border: 2px solid rgb(0, 0, 0); width: 300px; height: 100px;"
alt="" src="Photos/image010.jpg"></a></marquee>



 
 
 
 
 
 
 
<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>
 

<div id="menuaccueil"
style="width: 200px; margin-top: 0px; height: 815px;">
 
 
 
 
 <a
href="espacemembre.php">Espace membre</a>
 
 
 


<a
style="font-family: Batang; font-weight: bold;"
href="lasociete.php">La
Société</a>
 
 
 
 <a
style="font-family: Batang; font-weight: bold;"
href="references.php">Quelques
références</a> 
 
 
 <a
style="font-family: Batang; font-weight: bold;"
href="contact.php">Contacts</a> 
 
 
 
 

<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>
 
 
 
 
 
 
 
 
</div>
 
<var
style="color: rgb(102, 51, 102); font-weight: bold;"><big> 
 
 
 
Entreprise
née en 1936 , qui
tout au long de son expansion ,
 

a
conservé l'esprit du bon
travail , allié aux techniques

modernes de la
construction , de
l'aménagement et de

réhabilitation .</big>

 


 

<big>
Agnesina possède
de
multiples références dans les domaines 
les plus divers
tant en neuf
qu'en réhabilitation .</big> 

 </var><big
style="font-weight: bold; color: rgb(102, 51, 102);"><big><big><big><big
style="color: rgb(102, 51, 102);"><var>.
</var></big><big><var>Menuiseries
extérieures et intérieures . 
</var><big><big><big
style="color: rgb(102, 51, 102);"><var>.
</var></big><big><var>Plâtrerie
,
isolation
thermique et phonique . 
</var><big><big><big
style="color: rgb(102, 51, 102);"><var>.
</var></big><big
style="color: rgb(102, 51, 102);"><var>Agencement
de magasins et d'intérieures 

 
 </var></big><var
style="color: rgb(102, 51, 102);"><big>
Agnesina
s'adresse aux particuliers
, industriels ,

commerçants et
collectivitées .

</big> 

 <big> 

 Agnesina c'est aussi : 
</big></var><big><big
style="color: rgb(102, 51, 102);"><var><big><big><big>.
Un
bureau d'étude</big></big></big></var></big><big><var
style="color: rgb(102, 51, 102);">
intégré , capable de répondre 
 a
la personnalisation des lieux les plus divers. 
</var><big><big><big><big
style="color: rgb(102, 51, 102);"><var>. </var></big><big><var>
Une équipe de plus de 60 personnes qui conjuguent la passion
 

 de
leur métier avec l'écoute du client . 

</var><big><big><big><big><var
style="color: rgb(102, 51, 102);"><big><big><big><big>.</big></big></big></big>
Une entreprise qui
accueille et forme des jeunes .</var> </big>


 </big></big></big></big></big></big></big></big></big></big></big></big></big></big></big></big></big></big></big></div>
</div>
</body>
</html>

si quelqu'un trouve je l'en remercie enormement .

0
Réponse 7 / 7
Laurent
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

Difference d'afiichage entre IE et firefox

7 réponses

Discussions similaires

Newsletters