28172 sujets

CSS et mise en forme, CSS3

Salut à tous.
Je travaille actuellement sur un site via Joomla et je me confronte a des differences de templates entre IE7 et FF2.
Contrairement à bcp de cas que j'ai pu voir, chez moi c'est IE7 qui affiche correctement le code et FF2 qui deconne...
Le site est en développement sur http://eljaton.free.fr
J'ai essayé de trouver une reponse avant de poster ici et j'ai pu lire des histoires de position absolue des div, j'ai fais des tests mais rien ...
voici mon css :


@charset "iso-8559-1";
/* CSS Document */


div {
padding:0;
margin:0;
}
#conteneur {
width:980px;
margin-left: auto;
margin-right:auto;
text-align:left;
background-color: #1C3700;


}
#partiehaute {
width:980px;
}
#bandeau {
width:980px;
float:left;
background-image:../images/logo.jpg
}
#menurecherche {
width:980px;
margin-top:5px;
margin-bottom:5px;
clear:left; /**les éléments sont les uns sous les autres,
donc on revient dans le flux **/
}
#menu {
width:750px;
float: left;
margin-top:5px;
margin-bottom:5px;
}
#recherche {
float:right;
width:180px;
margin-top:5px;
margin-bottom:5px;
background-color: black;
}

#partiecentre {
clear:left; /** on se remet dans le flux pour passer la boite sous
« partiehaute »**/
width:980px;
}
#gauche {
float:left; /** on se remet en flottant dans la boite « partiecentre » **/
width:196px;
margin-right:5px;
background-image:url(../images/bac_mod.png);
	background-position:left;
	background-repeat:repeat-y;

}
#bloccentre {
float:left;
width:778px;
margin-bottom:5px;

}


#titre {
background-image:url(../images/top_body.jpg);
background-position:top;
float:left;
width:778px;
height:60px;


}
#centre {
clear:left;
width:778px;
background-image:url(../images/bac_body.jpg);
background-position:left;
background-repeat:repeat-y;
}

#culcentre {
clear:left;
width:778px;
background-image:url(../images/bot_body.jpg);
height:16px;
}

#zoneinfo {
clear:left;
width:778px;

}

#infozone1 {
float:left; 
width:384px;
background-image:url(../images/bac_infos.jpg);
background-position:left;
background-repeat:repeat-y;
margin-bottom:5px;
margin-right:5px;

}


#pathway {
clear:left;
width:980px;

}

#mentions {
clear:left;
width:980px;
color:#FFFFFF;
margin-top:10px;
background-color:#000000;
}


a:link, a:visited {
	color: #5185db; text-decoration: none;
	font-weight: normal;
}

a:hover {
	color:#008C00;	text-decoration: none;
	font-weight: normal;
}

fieldset.js_loginflat {padding:5px;}
fieldset.js_loginflat {font: "Times New Roman", Times, serif; }
fieldset.js_loginflat {border:0px;}
fieldset.js_loginflat legend {display:none;}




div.moduletable h3 {/**titre modules gauche **/
	background: url(../images/top_mod.jpg) no-repeat;
	background-position:bottom left;
	color: #000000;
	text-align: left;
	padding-left: 12px;
	height: 42px;
	line-height: 42px;
	font-weight: bold;
	font-size: 14px;
	font: "Times New Roman", Times, serif;
	margin-top:0px;
	margin-left:-9px;
	margin-bottom:0px;
}



div.moduletable {/**contenu modules gauche**/
	margin-bottom: 0px;
	background-image:url(../images/bot_mod.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:20px;
	padding-left:9px;
	font: "Times New Roman", Times, serif;
}

div.moduletable a:hover {
	color:#5185db;	text-decoration: none;
	font-weight: bold;
}



table.moduletable-infos th {/**titre module infozone **/
background: url(../images/top_infos.jpg) no-repeat;
	background-position:bottom left;
	width:384px;
	color: #000000;
	text-align: left;
	padding-left: 12px;
	height: 42px;
	line-height: 42px;
	font-weight: bold;
	font-size: 14px;
	font: "Times New Roman", Times, serif;
	margin-top:0px;
	margin-left:-9px;
	margin-bottom:0px;
}


table.moduletable-infos td {/**contenu module infozone **/
    background: url(../images/bot_infos.jpg) no-repeat;
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:20px;
	padding-left:9px;
	font: "Times New Roman", Times, serif;
	margin-bottom: 0px;
	
}

.contentpaneopen {
    width:758px;
	padding-left:10px;
	margin-left:10px;
	margin-right:10px;
	font-size:14px;
	font:"Times New Roman", Times, serif;
	
	
}

.contentheading {
   
	color: #000000;
	text-align: center;
	padding-left: 12px;
	padding-top:-60px;
	font-weight: bold;
	font-size: 14px;
	font: "Times New Roman", Times, serif;
	margin-top:0px;
	margin-bottom:0px;
	
	
}

.componentheading  {/**titre composants **/
    
	background-position:bottom left;
	height:60px;
	width:778px;
	font-size: 14px;
	font-weight: bold;
	font:"Times New Roman", Times, serif;
	padding-top:-5px;
	text-align: center;

}


auriez vous une idee de ce qui cloche ?
merci d'avance Smiley biggrin