Probleme Cadre CSS avec images

Bonjour,

Je suis nouveau sur ce forum. Il faut bien suivre les tendances et je me suis mis aux Css. Je remercie d'ailleurs Alsacreations qui m'a apprit beaucoup de chose.
Je tente de faire un cadre en css utilisant 8 images...mais j'ai un petit problème d'ajustement du bloc central.
http://img146.imageshack.us/img146/9197/problemwh9.png
Comme vous pouvez le constater ça me laisse une bande en haut et en bas qui n'est pas de la bonne couleur (on voit la couleur du fond).

J'espère que vous pourrez m'aider.
Un grand merci d'avance

voici le code html

<div class="L">
	<div class="R">
		<div class="T">
			<div class="B">
				<div class="TL"> </div>
				<div class="TR"> </div>
				<div class="BL"> </div>
				<div class="BR"> </div>
				<div class="XX">
					 <div class="XB"><h3>{Title}</h3>
{Contents}
</div></div>
			</div>
		</div>
	</div>
</div>

voici le code Css

div{
	position:relative;
	padding:0;
	margin:0;
	}

.TL{
position:absolute;
background:url(c_topleft.png) left top;
background-repeat:no-repeat;
top:0px;
left:0px;
height:16px;
width:16px;

}
.TR{
position:absolute;
background:url(c_topright.png) top right;
background-repeat:no-repeat;
top:0px;
right:0px;
height:16px;
width:16px;
}
.BL{
position:absolute;
background:url(c_bottomleft.png) bottom left;
background-repeat:no-repeat;
bottom:0px;
left:0px;
height:16px;
width:16px;
}
.BR{
position:absolute;
background:url(c_bottomright) bottom right;
background-repeat:no-repeat;
bottom:0px;
right:0px;
height:16px;
width:16px;
}

.L{
background:url(c_left.png) repeat-y 0 0;
background-position:center left;

}

.R{
background:url(c_right.png) repeat-y 100% 0;
background-position:center right;

}
.T{
background:url(c_top.png) repeat-x 0 0;
}
.B{
background:url(c_bottom.png) repeat-x 0 100%;
}

.XX{
	padding:16px;
	height:auto;	
}

.XB{
 background-color: #FFFFFF;
 height:auto;

}

Bonjour,

Huit images???
Pour peu que tu travailles sur un bloc de largeur fixe, tu peux facilement réduire à trois, deux, voire une seule image!

Un peu de lecture:
http://web.covertprestige.info/test/05-boite-avec-bordures-en-html-et-css.html

En utilisant deux div imbriqués comme support, ça devrait suffire pour dessiner le cadre.
Modifié par Florent V. (22 Mar 2008 - 13:39)

Bonjour,

Pour le bas, sans doute un line-height qui est trop grand, et pour le haut, je vérifierais le margin, ou le padding.

La page est-elle en ligne ? Peux-t'on la voir ?