28172 sujets

CSS et mise en forme, CSS3

Bonjour,
j'ai un site sur lequel je dois mettre en place un design css pour lequel les titres h2 doivent être encadrés par une image à droite et une image à gauche. Après quelques recherches, je suis tombé sur des solutions à base de
<h2><span></span></h2>

J'ai mis en place cette solution avec dans la feuille css associée :


h2
{
	background-image:url(img/h2_deb.gif);
	background-repeat:no-repeat;
	background-position:0px 50%;
	padding-left:15px;
	padding-top:20px;
	padding-bottom:20px;
}

h2 span
{
	background-image:url(img/h2_fin.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding-right:15px;
	padding-top:20px;
	padding-bottom:20px;
}


Lorsque je teste sous FF c'est ok, mais sous IE6, le dessin après le titre (h2_fin.gif) apparait mais pas celui du début du titre.

Est-ce que quelqu'un a une idée ?
Modifié par syma2007 (04 Apr 2008 - 15:49)
en fait après vérification j'avais un position:relative dans un div encadrant et visiblement ça ne plaisait pas à IE, après d'autres essais, en rajoutant un position:relative dans ma balise h2, tout semble fonctionner ... Désolé pour le dérangement et merci pour le coup de main !