bonjours tout le monde =)

voila je suis en train de faire un site, je suis en ce moment en train de faire le decord du site via le css mais j´ai un petit probleme. en effet, lorsque j´utilise internet explorer tout s´affiche normalement mais lorsque que j´utilise firefox 2 la page qui doit etre décorée par une image de fond ne s´affiche pas et je ne comprend pas du tout pourquoi.

(l´image de fond qui doit s´afficher concerne le conteneur)

et ma question serai de savoir si une personne pourrai me dire pourquoi cela marche mal et si possible me dire la faute que j´ai commise .
merci d´avance pour vos réponse.

je mais ici le code de mon fichier css:

1. body

{
margin: 0px;
background: white;
font-family: "felix titling", serif;
font-size: 0.8em;

}

1. conteneur

{
width: 809px;
margin: auto;
padding: 0px;
background:url("fond.jpg") repeat-y;
color: black;
}

1. header

{

width: 799px;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("menuhaut.jpg");
position: relative;
}

1. header h1

{
position: absolute;
margin: 0px;
padding: 0px;
top: 2px;
left: 10px;
font-size: 2.6em;
color:black;
background-color:transparent;

}

1. header p

{
position: absolute;
margin: 0px;
padding: 0px;
top: 45px;
right: 20px;
font-style: oblique;
color:black;
background-color: transparent;
}

1. header img

{
margin: 0px 0px 0px 143px;
padding: 0px;
}

1. menugauche

{
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

1. menugauche h3

{
margin-top: 15px;
margin-left: 1px;
margin-right: 2px;
margin-bottom: 4px;
}

1. menugauche a

{
display: block;
width: 136px;
margin: 0px;
margin-left: 2px;
margin-right: 7px;
padding: 0px;
padding-left: 5px;
text-decoration: none;
font : 16px Arial;
font-weight: bold;
color: #FFA500;
}

1. menugauche a:visited { color: #ffa500; }
2. menugauche a:hover { color: white; }

1. corps

{
float: left;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
font-size: 0.9em;

color: black;
font-family: "arial";
padding: 5px;

}

1. corps h2

{
margin-top: 0px;
font-size: 180%;
font-weight: normal;
border-bottom: 1px solid black;
text-align: center;
}

1. corps h3

{
font-size: 160%;
color: black;
/*background-color: #ffa500; Plus utilisé car mettait du video inversé */
text-align: center;
}

1. corps h4

{
font: 12px Verdana ;
display: inline;
font-weight: bold;
margin: 0px;
padding: 0px;
color: #464646;
}

1. corps a

{
color: #ffa500;
}

1. corps a:hover

{
color: #ffa500;
}

1. corps a:visited

{
color:black;
}

1. corps table

{
border-style: solid;
border-width: 0px;
font-size: 1.2em;
}

1. corps td

{
font-size:100%;
color:black;
text-align:center;
border-width:0px;
}

1. cellule

{
margin: 8px;
float: left;
width: 176px;
height: 214px;
padding: 0px;
background: url("cellule.gif");
}

1. cellule a

{
font: 9px Verdana ;
color: #464646;
}

1. cellule a:visited { color: #464646; }

1. cellule a:hover { color: #464646; }

1. cellule h3/* Affichage du prix */

{
display: block;
text-align: center;
font: 16px Arial;
margin: 4px 0px 0px 0px;
padding: 0px;
font-weight: bold;
color: black;
}

1. cellule h4 /* Affichage du modele a mettre en capitale*/

{
font: 13px Verdana;
margin: 0px 0px 0px 6px;
padding: 0px;
color: #2A2A2A;
}

/* Affichage des details */

1. cellule h5

{
font: 9px Verdana ;
margin: 0px 0px 0px 6px;
padding: 0;
color: #464646;
overflow: hidden;
}

/* Affichage du neuf ou occasion et/ou destockage a mettre capital*/

1. cellule h6

{
text-align: right;
font: 10px Verdana ;
margin: 2px 6px 2px 0px;
padding: 0;
color: #E51515;
}

1. cellule img

{
display: block;
text-align: center;

/* pour le centrage de l´image sous IE qui ne prends pas le margin: auto. */
margin: auto;
padding: 0;
border-width: 1px;
border-color: 8d8d8d;
}

1. fiche

{
display: block;
margin: 10px;
padding: 0;
width: auto;
height: auto;
border: groove;
}

1. fiche a

{
font: 9px Verdana ;
color: #464646;
}

1. fiche a:visited { color: #464646; }

1. fiche a:hover { color: #464646; }

1. fiche h3/* Affichage du modele */

{
display: block;
text-align: left;
font: 16px Arial;
margin: 10px 10px 10px 10px;
padding: 0px;
font-weight: bold;
color: #464646;
}

1. fiche h4 /* Affichage du prix */

{
display: block;
text-align: left;
font: 16px Arial;
margin: 10px 10px 10px 10px;
padding: 0px;
font-weight: bold;
color: #f17700;
}

1. fiche h5 /* Affichage des titres */

{
text-align: left;
font: 13px Verdana ;
font-weight: bold;
margin: 0;
padding: 0px;
color: #00000;
}

/* Affichage des détails ou garage*/

1. fiche h6

{
text-align: left;
font: 13px Verdana ;
margin: 0;
padding: 0px;
color: #464646;
}

1. fiche li

{
font: 14px Verdana ;
display : list-item;
list-style-position: outside;
}

1. fiche img

{
text-align: center; /* pour le centrage de l´image sous IE qui ne prends pas le margin: auto. */
margin: 5px 10px 5px 10px;
padding: auto;
border-width: 1px;
border-color: 8d8d8d;
}

1. bas

{

width: 800px;
height: 30px;
margin: 0px;
padding: 0px;
background: url("bas.jpg");
}

met ton site en ligne pour voir l´ampleur du problème !

background-image:url(image_de_fond.png);

Sans CSS :
<body background="image">

Avec CSS
<body style="background-image:url(image)">

La méthode sans CSS est à proscrire car obsolète

en plus, ça ne réglera pas son problème

bonjour =) bon pour mettre le site en ligne pour le moment je ne peux pas parce qu´en fait je suis en stage lol et le monsieur veux le mettre en ligne une fois que tout les petits problemes que j´ai trouvé lorsque j´ai lancer firefox disparraissent lol (avant il y avait quae IE sur la machine )
bref sinon pour le fond j´ai trouver j´ai supprimer 2 lignes dans le corps et dans la cellule:

je mets ce que j´ai supprimé

1. corps

{
float: left; <== ligne supprimée
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
font-size: 0.9em;

color: black;
font-family: "arial";
padding: 5px;
}

1. cellule

{
margin: 8px;
float: left; <== ligne supprimée
width: 176px;
height: 214px;
padding: 0px;
background: url("cellule.gif");
}

mais maintenant le probleme que j´ai c´est que les images ne sont plus au centre de la page en 3 colonnes. elle sont juste en dessous de mon menu gauche ( 1 colonne )

comment je peux faire?

Un petit merci et un peu de politesse non ?

je crois que j´ai cerné le pb lorsque je retire les float left dans le corps et celule ba le background il apparait mais mes image ne sont plus au milieu mais aligné sous le menu lol
mais comment je peux faire pour avoir mes image au milieu et mon background en meme temps ??

voila j´ai trouvé une autre solution a mon probleme :j´ai rajouté un overflow dans mon conteneur et maintenant le background s´affiche dans firefox =)
mais, oui ya un mais lol, mais image son aligné juste en-dessous de mon menu gauche ( dans firefox) alors que sous internet explorer elles sont alignées à droite de mon menu.

comment faire pour que ca soit la meme chose sur firefox??

Si tu ne les a pas encore suivis, je te conseille les tutoriaux du SDZ :
http://www.siteduzero.com/tuto-3-6-0-apprenez-a-creer-votre-site-web.html

Les chapitres 3.2 et 3.3 te permettrons de résoudre ton problème.

salut tout le monde
voila j´ai trouver la solution lol il fallait un petit peu tricher dans mon index et rajouter des retour à la ligne mdr

breff

je vous remercie pour votre aide