J'ai un problème avec mon graphisme, sous Ie et maxton, tous va bien mais sous firefox, les boutons du menu ne sont pas décalés là ou il devraient l'être...
Citation :
body {
background-color:#4c4c4c; /*Couleur de fond de la page Web*/
color:#000000; /*Couleur du texte*/
font-family:Verdana, Arial, Helvetica, sans-serif; /*Polices d’écriture*/
font-size:11px; /*Taille d’écriture*/
padding:0; /*Pour que la page n’ai aucune marge*/
margin:0; /*Pour que la page n’ai aucune marge*/
}
#contenu {
width:800px; /*Largeur du design*/
margin:0 auto 0 -400px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
position:absolute;
top:25px; /*25px entre le coin supérieur de l’écran et le design*/
left:50%; /*50% de marge ( cela centrera le design )*/
background-image:url('./images/background.jpg'); /*Motif si il y’en a un*/
background-repeat:repeat; /*Duplication du motif sur les axes x et y*/
border:0px solid #000000; /* Bordure encadrant le design */
}
#menu_gauche {
background-image:url('./image/menu_fond.jpg') ;
background-repeat:repeat-y ;
width:218px;
float:left;
margin-top:13px;
margin-left:7px !important;
margin-left:3px;
}
#fondtexte {
background-image:url('./image/texte_fond.jpg') ;
background-repeat:repeat-y ;
width :555px ;
float :right ;
margin-top :11px ;
margin-right: 14px !important;
margin-right:7px;
}
#texte {
width :459px ;
float :right ;
margin-right: 56px !important;
margin-right: 28px;
}
#fondtexte p {
padding :10px ;
margin-left:40px !important;
margin-left:40px;
}
#footer {
background-image:url('./image/footer.jpg');
width:776px;
height:27px;
float:left;
margin-top:3px;
margin-left:6px !important;
margin-left:3px;
}
p.copyright {
margin-top:6px;
text-align:center;
color:#000066;
font-size:9px;
font-family:Verdana;
}
p.copyright a {
color:#666666;
text-decoration:underline;
font-weight:bold; /* texte en gras */
}
p.copyright a:hover {
color:#FFFFFF;
}
/* Reglages personnels : */
ul , li { margin:0; padding:0; list-style-type:none; text-align:center; } /* Pas de marges automatique dans les listes, ni de puces */
a { color:#5E0000; text-decoration:none; }/*Paramètres des liens*/
a:hover { color:#64A2EC; }/*Paramètres des liens quand le pointeur est sur ceux-ci*/
h1 { text-align:center; margin:0; font-family: Monotype Corsiva; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */
div.clear { clear:both; }/*Nous verrons ceci un peu plus tard. */
img { display:block ; border:0; }/*Aucune bordure sur les <img>*/
Merci d'avance si vous pouvez m'aider, je ne vois pas du tout d'où vient le problème et je commence à desespérer :-(