incompatibilité css entre ie firefox

**mitmit** · 20/06/2007, 13h19

bonjour

j'ai un problème de décalage sur la page http://www.tousenlive.com/partenaires/generations sous ie à mon avis dû au CSS

vous pourrez observer sous ie un décalage du module de login ainsi qu'un débordement du cadre principal de quelques pixels de chaque côté du header

le CSS associé :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#les-membres {
	width: 234px;
	height: 291px;
	margin: 0px;
	background:url(http://www.tousenlive.com/partenaires/generations/img/membre.gif) top center;
	color: #000000;
	float: left;
	position:relative;
}
#les-membres h3 { display: none; }
#les-membres input.bordures { border: 1px solid #000000; margin-bottom:5px; width:200px; color: #999999; }
#les-membres #ident { padding: 15px; position:absolute;}
#les-membres .petit { font-size: 11px; }
#les-membres .avatar { width: 50px; height:50px; margin-right:2px; border: 1px solid #000000; }
#les-membres #pseudo_editable { color:#000000; font-weight:bold; font-size:14px;margin-bottom:4px; border-bottom:1px dashed #999999; }
#les-membres #inscription { position:absolute; top:125px; left:10px; }
 
#page {
	width: 972px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	padding-left:18px;
	background-color:#131313;
}

voilà le problème c'est qu'en modifiant les attributs pour recaler le tout sous ie, c'est l'affichage sous ff qui bug

quelqu'un aurait une idée pour rendre compatible les deux ?

merci d'avance

**Msieurduss** · 20/06/2007, 15h39

Il y a souvent moyen de trouver quelque chose qui marche sur les deux, mais je te propose autre chose : une feuille de style pour chaque.

Dans ton code html, tu mets :

Code :

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

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

Ce code ne sera lu que par IE. Dans "styles_ie.css", tu fais la correction nécessaire pour lui

**kaiser59** · 20/06/2007, 16h50

Salut,

Mitmit tu peux nous expliquer que viennent faire les balises <link> entre les <body>..</body>

Corrige déjà tes erreurs avec tidy (sous Firefox) et je te donne une autre alternative pour le css, tu fais ta mise en page pour FF et si tu voie des erreurs dans IE tu repère l'endroit et tu fais ceci :

Code :

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

1
2
 
* html {attribut: valeur;} /* ceci n'appliquera que le changement à IE */

++

incompatibilité css entre ie firefox

CSS

Vue hybride

Discussions similaires

Partager

Partager