Bonjour,
Voila je fait un blog pour une entreprise. mes article doivent figurer dans une boite, et, en fonction de la taille de l'article, ma boite doit s'agrandir aussi bien horizontalement que verticalement (et oui verticalement si j'ai qu'un seul mot dans mon article).
voici mon code PHP:

<div class="top1">
<div class="topleft1"></div>
<div class="topright1"></div>
<div class="topcenter1"></div>
</div>
<div class="center1">
<div class ="centerleft1"></div>
<div class="centercenter1">
//CONTENU DE MON ARTICLE
</div>
<div class="centerright1"></div>
</div>
<div class="bottom1">
<div class="bottomleft1"></div>
<div class="bottomright1"></div>
<div class="bottomcenter1"></div>
</div>

et mon code CSS

.top1{
height : 10px;
overflow: hidden;
}

.topleft1{
overflow: hidden;
float: left;
width : 10px;
height : 10px;
background-image: url("./images/coins.gif");
background-position: 0 -390px;
background-repeat: no-repeat;
}

.topright1{
float: right;
width : 10px;
height : 10px;
background-image: url("./images/coins.gif");
background-position: 0 -350px;
background-repeat: no-repeat;
}

.topcenter1{
height: 10px;
margin-left: 10px;
margin-right: 10px;
background-image : url("./images/hautbas.gif");
background-position: 0 -190px;
background-repeat: repeat-x;
}

.center1{
overflow: hidden;
display: table-cell;
}

.centerleft1{
width : 10px;
background-image : url("./images/cote.gif");
background-position: -0px 0;
background-repeat: repeat-y;
display: table-cell;
}

.centerright1{
width : 10px;
background-image : url("./images/cote.gif");
background-position: -13px 0;
background-repeat: repeat-y;
display: table-cell;
}

.centercenter1{
padding-left: 5px;
padding-right: 5px;
overflow: hidden;
display: table-cell;
background-color : #dad2a8;
}

.bottom1{
height : 10px;
overflow: hidden;
}

.bottomleft1{
float: left;
width : 10px;
height : 10px;
background-image: url("./images/coins.gif");
background-position: 0 -470px;
background-repeat: no-repeat;
}

.bottomright1{
float: right;
width : 10px;
height : 10px;
background-image: url("./images/coins.gif");
background-position: 0 -430px;
background-repeat: no-repeat;
}

.bottomcenter1{
height: 10px;
margin-left: 10px;
margin-right: 10px;
background-image : url("./images/hautbas.gif");
background-position: 0 -230px;
background-repeat: repeat-x;
}

merci de bien vouloir m'aider svp. gwennael

Configuration: Linux
Firefox 3.0.11