CSS / HTML : Design extensible

Ton fichier css est assz difficile à lire sous la forme que tu nous as donnée.
Peux-tu nous envoyer son contenu tel que tu l'as écrit?

Merci pour ton intérêt
Le voici :

@charset "UTF-8";
/* CSS Document */

body {
margin : 0 0 0 0;
background:url(fond.jpg) repeat-x #66CCFF;
text-align: center;
padding: 0;
}

div#conteneur {
width:922px;
margin: 0 auto;
text-align: left;

}

div#header {
width:922px;
height:168px;
background:url(puzzle/header.jpg);
z-index:0;

}

div#contenu {
z-index:0;
position:absolute;
width:650px;
padding-left:145px;
padding-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#0066CC;
text-align:justify;

}

div#haut {
background: url(puzzle/a.jpg);
height: 397px;
width: 922px;
z-index:0;

}

div#milieu {
background: url(puzzle/b.jpg);
height:300px;
width: 922px;
z-index:0;}

div#bas {
background: url(puzzle/c.jpg);
height: 324px;
width: 922px;
z-index:0;

}

div#footer {
width:922px;
height:80px;
background:url(puzzle/footer.jpg);
z-index:0;

}

Bonjour,

essaye en écrivant ton code html comme ça

<div id="haut"></div>
<div id="milieu">

<div id="contenu">Ton texte ici</div>

</div>
<div id="bas"></div>
<div id="footer"></div>

et dans ton css

div#milieu {
background: url(puzzle/b.jpg) repeat-y;
height:300px;
width: 922px;
z-index:0;
}

Donc ton contenu dans ton div milieu, et ton background de milieu en repeat-y

Voilà :)

Non ça ne marche pas, tu avais oublié les parties a.jpg et c.jpg !

Peu importe, merci quand même j'ai finalement trouvé la solution !
C'est mon premier site en CSS, j'en suis vraiment content. Enfin il reste encore tout le contenu à mettre !

Le résultat : http://mimode.be/test/

A très bientôt ;)

Hello,

Excuse moi j'ai pas très bien compris se que tu voulais faire. Sinon un petit conseil, pense a indenté ton code c'est plus facile a lire après et mes des commentaire comme sa en cas de problème c'est plus facile de comprendre ton code si on veut t'aidai ^^.

bye.