28220 sujets

CSS et mise en forme, CSS3

Bonsoir,

voilà, j'ai un problème d'espacement, d'après mes tests cela concernerait la propriété margin de ma classe .conteneur2

.contenu2 {
background-color:#FFFFCC;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 10px;
padding-left: 4px;
color: black;
}


l'adresse de la page concernée : http://www.jaghm.net/NCIS-fr/index_coquin.php

sur firefox, au centre en haut, les barres bleues du haut et du bas sont bien alignées avec le contenu qui se situe entre les deux (en jaune), mais sous IE, j'ai un décalage (le contenu en jaune est plus grand que les barres bleues)

si je modifie les propriétés


margin-left: 12px;
margin-right: 2px;


cela s'affiche correctement sous IE mais plus sous firefox.

j'ai essayé de rajouté une condition pour l'affichage sour IE (lignes en dessous de la feuille de styles)


<link rel="StyleSheet" type="text/css" href="/NCIS-fr/Fichiers-navind/styles.css">
<!--[if IE]-->
<style type="text/css">
.contenu2 {
margin-left: 12px;
margin-right: 2px;
}
</style>
<!--[endif]-->


mais cela entraine quand même un décalage sous firefox.

comment faire pour que cela s'affiche correctement sous les deux navigateurs ?