differences IE, FF

Question

Bonjour,

j'ai des differences entre IE et firefox ( normal ^^)
mais cette fois ci c'est firefox qui pose problème...
j'ai des espaces entre des tr... j'ai résolu le problème mais c'est ss IE que ça ne va plus

alors je voudrai savoir si je pouvais rajouter un style de la sorte:


</STYLE>
<![endif]-->

pour éviter d'avoir deux feuilles de styles differentes.

Merci d'avance

Afficher la suite

Sandriine · Answer

As-tu testé?

Cordialement,
Sandrine

math 2000 · Answer

oui sauf que c'est pas comme ça il faut pas de de ---- sinon ça devient un commentaire

math 2000 · Answer

tu répond à qui ?
au fait c'est  pas du tout pratique le nouvelle affichage avec les réponse qui sont même pas dans l'ordre

InAme19 · Answer

oui, ça m'affiche une page banche si je mets du code css...

j'ai trouvé l'attribut !important pour changer le css de firefox,
exemple:

 img{
	
	margin-bottom:0px;
	margin-bottom:-5px!important;
}

là, sous ff l'image sera décalé de 5px et pas sous IE.

Mais ça marche sous IE6, sous IE8 mais pas sous IE7!!

Si quelqu'un avait une idée.

math 2000 · Answer

tu as essayé avec if ie7
chez moi lf  ie7 marche pour ie6 aussi

InAme19 · Answer

alors, je viens d'essayer: mais ça m'affiche une page blanche...

math 2000 · Answer

passe la page normalement il y a moyen de rendre les position pareil sur tous les navi

InAme19 · Answer

et bien en fait c'est des images dans un tableau,
sous firefox j'ai des espaces sous ces images.

si je fais un margin:-5px; elles se remettent bien mais sous IE elles sont décalées dans l'autre sens...

math 2000 · Answer

tu sais que les tableau ne sont pas conseillé pour la mise en page tu essayé normalement avec des div

bg62 · Answer

et IE8  ......  !!!???

math 2000 · Answer

il est qu'en bêta ,non ?

InAme19 · Answer

et bien sous IE8 cela marche:

img{

margin-bottom:0px;
margin-bottom:-5px!important;
} 

mais pas sous IE7....

math 2000 · Answer

attent tu dis que c'est decalé dans l'autre sens mais tu as essayé alors l'inverse magin-top 
au fait le !important ne marche que sous firefox je crois

InAme19 · Answer

oui justement, !important ne marche que sous firefox.

je récapitule:

_j'ai un tableau avec des images.
sous IE pas de problème. Sous firefox j'ai un décalage sous mes images de 5px

_je fais:
img{
margin-bottom:0px;
margin-bottom:-5px!important;
} 

là c'est bon sous firefox, mais sous IE7 mes images se décalent de 5px vers le bas, et comme avant ce décalage elles étaient bien positinnées, elles se retrouvent maintenant 5px trop bas...

math 2000 · Answer

tu peux passer le code entier de la page avec le css je vais de trouvé un truc pour adapter

InAme19 · Answer

voilà pour le tableau:

math 2000 · Answer

chez moi c'est pareil

AlainF · Answer

Bonjour à tous,
ma méthode qui m'a souvent sauvé lors de modifications ultérieures (quand vous devez vous replonger dans le code):

j'insère dans la zone "head" de ma page (dans un include "in-head" pour toutes les pages) le lien vers ma feuille de style générale (habillage) correspondant à la mise en page Firefox par défaut (respect W3C) puis pour les différences de présentations IE, j'ai des feuille de style pour IE général, IE6, 7 et 8 en particulier avec seules les modifications nécessaires et surtout pas de : !important dans la page

Exemple d'appel dans le head, feuille de style dans dossier /css/:

//Appel Feuille css générale
<link rel="stylesheet" href="css/habillage.css" type="text/css" media="projection, screen, tv" />

//Appel Feuille css pour IE
<!--[if IE ]>
   <link rel="stylesheet" href="css/habillage_ie.css" type="text/css" media="projection, screen, tv" />
<![endif]-->

//Appel Feuille css IE6
<!--[if lte IE 6]>
   <link rel="stylesheet" href="css/habillage_ie6.css" type="text/css" media="projection, screen, tv" />
<![endif]-->

//Appel Feuille css IE7
<!--[if IE 7]>
   <link rel="stylesheet" href="css/habillage_ie7.css" type="text/css" media="projection, screen, tv" />
<![endif]-->

//Appel Feuille css IE8
<!--[if IE 8]>
   <link rel="stylesheet" href="css/habillage_ie8.css" type="text/css" media="projection, screen, tv" />
<![endif]-->

J'utilise par défaut firefox et pour les adaptations IE, je visualise avec IETester (logiciel perméttant d'avoir tous les IE, dont le dernier BETA IE 8 et je modifie à la demande, ce qui me libère le code.

Pensez au futur quand vous devrez modifier 2, 3 trucs dans le code!!!

Bon code

math 2000 · Answer

interessant ie tester je vais le télécharger pour voir moi j'utlisais multiple ie mais ton logiciel a 'air plus pratique

math 2000 · Answer

ha ba super du coup je me suis rendu compte que mon menu déroulant n'était pas compatible avec ie8 alors qu'il marcher sous ie6 ie7 et firefox opéra et les autres

edit avec la mise à jour ça remarche mais différence d'affichage bizarre

Dalida · Answer

salut,

je récapitule:
_j'ai un tableau avec des images.
sous IE pas de problème. Sous firefox j'ai un décalage sous mes images de 5px

avant de jouer les apprentis sorciers, avez-vous essayé :

table{
border-collapse:collapse;
}

ou de fixer la taille des <tr> et/ou <td> ?

Differences IE, FF

21 réponses

Votre réponse

Discussions similaires

Newsletters