Et bien alors je vais faire comme ça :)
Encore merci.

Dans un cas comme celui-ci, il vaudrait mieux fixer la taille de la police en pixels pour la bloquer (mais seulement pour cette partie de la page) : avec une image en fond qui a une taille fixe, il est difficile de faire autrement. :-k

Effectivement, j'ai fais tellement d'essais....

Et bien merci.
Une autre question :
J'ai un bloc, en fait une image qui contient des nombres, du texte et des icones.
(image ci-dessous avec Firefox)
[url=http://imageshack.us][img]http://img177.imageshack.us/img177/9317/aa2gr2.jpg[/img][/url]
Si je change la taille de police, ce qui est à droite passe en sous de l'image au lieu de compresser le tout.

Donc encore un problème de dépassement.(avec IE)
[code]#bandeau{
color: #202020;
text-align: center;
font-size: 80%;
height: 30px;
width: 770px;
background-image: url("deco/bandeau.jpg");
background-repeat: no-repeat;
/*margin-right: 10px; */
padding: 0px; padding-top: 3px;
}[/code]

je me demande si il y a des choses à spécifier ?

C'était la dernière question, et merci encore d'avance.

Il y a des redondances dans ta feuille de style, proposition :
[code]body
{
margin:0;
font-family: font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
color: #202020;
font-size: 100%;
background-color:#C5B083;
}
a , a:visited{text-decoration: none;color:#202020;}
a:hover{background-color:#C78E3D,color:#4C3636;}

/* déco haut de page et coté haut gauche et bas de page */
#deco_0{height: 100px;background-image: url("deco/essai.jpg");background-repeat: no-repeat;background-color:#000000;}
#deco_1{ height: 65px; background-image:url("deco/essai2.jpg");background-repeat: no-repeat;}
#bas_de_page{clear:both;height: 50px;background-image: url("deco/img_bas.jpg");background-repeat:repeat-x;}

#bandeau{
color: #202020;
text-align: center;
font-size: 80%;
height: 30px;
min-width: 770px;
background-image: url("deco/bandeau.jpg");
background-repeat: no-repeat;
margin-right: 10px;
padding: 0px; padding-top: 3px;
}
/* les menus */

#conteneur_menu {float: left; width: 200px; margin-bottom: 10px;margin-top: 0px;background-color: #000000;padding-top: 10px;padding-bottom: 10px;overflow: hidden;}
.element_menu {max-width:180px;background-image:url("deco/fond_menu.jpg");margin: 0px;margin-left: 10px;margin-right: 10px;padding: 0px;padding-top: 5px;padding-bottom: 5px;padding-left: 5px;padding-right: 10px;font-family: "comic sans ms";}
.element_h {height: 31px;background-image:url("deco/h_menu.jpg");margin-left: 10px;background-repeat: no-repeat;}
.element_b {height: 31px;background-image:url("deco/b_menu.jpg");margin-left: 10px;background-repeat: no-repeat;margin-bottom: 10px;}/*pour ne pas coller les parchemins*/
/*.element_menu ul {list-style-image: url("deco/puce.gif");padding: 0px;padding-left: 20px;margin: 5px;margin-bottom: 5px;font-size: 80%;}*/
.element_menu ul {list-style-type: none;padding: 0px;padding-left: 20px;margin: 5px;margin-bottom: 5px;font-size: 80%;}

.menu_haut{text-align: right;padding-top: 20px;padding-bottom: 10px;margin-right: 10px;}
.menu_haut a {text-decoration: none;}

.bouton{background-image: url("deco/bouton_vide.jpg");color: #202020;}
.s_bord{border-style: none;}
.bord{border: 1px solid ;border-color: #554C2D;}
.centre{text-align: center;}
.gras{font-weight: bold}
.rouge{color: red;font-weight: bold;font-size: 110%;}
.bleu{color: red;font-weight: bold;}
.img_droite{float: right; padding-right: 10px;}
.img_gauche{float: left; padding-right: 10px;}
.img_centre { position: absolute; left: 50%;}

/* Le corps de la page */

#corps {margin-left: 200px;margin-top: 0px;padding: 10px;color: #202020;font-size : 90%;text-align: left;}
#corps ul {list-style-image: url("deco/puce.jpg");padding: 0px;padding-left: 60px;}

#corps h1{font-size : 120%;text-align: left;margin-left: 20px;}
#corps h2 {font-size: 120%;height: 61px;background-image: url("deco/hacheh2.jpg");background-repeat: no-repeat;padding-left: 85px;text-align: left;}

fieldset{border-color:#604D0A;font-size: 90%;}
#bas {text-align: center;}
/* les tableaux */
table{border-collapse: collapse;border: 1px solid;border-color: #554C2D;}
th {text-align: center; background-image:url("deco/bandeau500.jpg");}
td {padding: 5px;}
.fond1{background-color:#EAE2D0;}
.fond2{background-color:#D6C7A6;}
/* le parchemin */
#conteneur_message{margin: 0px;margin-left: 100px;max-width: 600px;}
.message_haut{width:600px;height: 65px;background-image:url("deco/1hmess.jpg");padding: 0px;}
.message_bas{width:600px;height: 65px;background-image:url("deco/1bmess.jpg");padding: 0px;}
.message_millieu{background-image:url("deco/1mmess.jpg");padding: 0 30px 0 20px;width: 550px;font-family: "comic sans ms";text-align: justify; background-repeat: repeat-y;}
[/code]
Tu avais une double définition pour tes blocs, j'ai supprimer la première série et ajusté la largeur dans la seconde série pour .message_millieu (et au passage, "milieu" ne prend qu'un seul L)

Bonjour
Sous Firefox, tout va bien, mais (encore) avec IE le texte d'un bloc sort sur la droite.
[code]
<div id="conteneur_message">
<div class="message_haut"></div>
<div class="message_millieu">
Mon texte
</div>
<div class="message_bas"></div>
</div>[/code]
Et le css :
[code]
#conteneur_message{margin: 0px;margin-left: 100px;max-width: 600px;}

.message_haut{width:600px;height: 65px;background-image:url("deco/1hmess.jpg");padding: 0px;}

.message_bas{width:600px;height: 65px;background-image:url("deco/1bmess.jpg");padding: 0px;}

.message_millieu{
background-image:url("deco/1mmess.jpg");
padding: 0px;padding-left: 20px;padding-right: 30px;
width: 600px;font-family: "comic sans ms";text-align: justify;background-repeat: repeat-y;
}
[/code]
[b]Ce que ça donne :[/b]
Un message dans un parchemin.
-message_haut, message_millieu, message_bas
Haut et bas sont fixe car juste pour le disign.
Le "millieu est extensible verticalement puisque le texte qu'il contient peu être long et changer.

Avec firefox, malgré le padding-right, le texte va jusqu'au bord et se confond avec l'image de fond.
Avec IE, le texte sort du bloc et l'image de fond se répète, donc j'ai ajouté : background-repeat: repeat-y;
Là j'en suis au texte qui sort.
J'ai bien essayé avec max-widh, mais rien n'y fait.

Pour aller voir :[url]http://korrelia.org/[/url]
merci d'avance pour tout éclaircissement.