[Resolu]Centrer un element de largeur variable

bonsoir,

jai un problème de centrage, en fait jai un element (une photo) de largeur variable selon les photos en question, que je dois centrer dans un conteneur central.

jai reussi a centrer ma photo mais jai un second probleme, car il faudrait que je puisse ajouter une bordure a cette photo, et je ny arrive plus...

voici mon code (en partie du moins):

<div id='grd_image'><img id='big_pict' src='Cours-photos/img_cours_01.jpg' alt='Photo en taille normale' /></div>

et le css:

#centre {
background-color:#fff;
overflow:auto;
height:80%;
text-align:center;
}
#grd_image{/*effet sur la photo*/
border:2px solid black;
}

si quelqu'un a une idee...
Modifié par akapando (06 May 2006 - 02:03)

en voyant ton code je dirais que tu n'appliques pas le style au bon element a savoir a ton image directement.
tu dois appliquer la bordure a l'id de ton image donc a big_pict et non a grd_image

<img [#darkred][b]id='big_pict' [/b][/#]src='Cours-photos/img_cours_01.jpg' alt='Photo en taille normale' />

tu n'indiques pas la classe pour big_pict dans ta css

mais je peux me tromper dans ma réponse.

a+
Modifié par Angelik (05 May 2006 - 22:17)

salut

#centre {
	background-color:#fff;
	overflow:auto;
	height:80%;
	text-align:center;[#darkred] /* ok pour IE 5 & 5.5 */[/#]
}
#grd_image [#darkred]img [/#]{/*effet sur la photo*/
	border:2px solid black;
	[#darkred]margin-left: auto;  /* pour IE 6 & FF */[/#]
	[#darkred]margin-right: auto; /* pour IE 6 & FF */[/#]
}

A+

merci beaucoup ca marche nikel