28172 sujets

CSS et mise en forme, CSS3

bonjour
je fais un site en local, et avant de le mettre en ligne je teste avec ie9
pas mal, sauf mes galeries d'images avec fancybox
le titre en bas est décalé à gauche, en fait il se cale à gauche du viewport sous ie9 seulement
partie concernée

div#fancy_title {
	position: absolute;
	z-index: 100;
	margin:0 auto;		margin-top: -8px;
	text-align: center;
	background:#fff;width:920px;

}

div#fancy_title div {
	color: #000;
	font: bold 16px Arial;
	white-space: nowrap
}


mais j'ai eu beau essayer des tas de trucs, ce satané titre colle toujours à gauche!
seule solution trouvée, faire un width:100%, et là du coup mon titre est bien sous l'image, mais le background prend la largeur du viewport, ce qui est disgracieux
même un overflow:hidden n'y change rien..des âmes charitables pour m'ouvri les yeux . Smiley lol merci par avance
Alors je lis ça:
#fancy_title { 
  position: absolute;
  width: 920px;
  margin: 0 auto;
}

Et je me dis qu'il faut choisir:
- soit on laisse l'élément dans le flux du document, et on le centre avec les marges automatiques;
- soit on le positionne en absolu, et dans ce cas il serait bon d'indiquer deux ou trois coordonnées pour placer cet élément (genre top, left, right...).

Est-ce que ce titre est enfant ou descendant d'un élément qui a la largeur de ta fancybox, et qui serait positionné en absolu ou relatif (ou fixed)? Ce serait vachement pratique pour placer ton titre à coup de left:0;right:0;bottom:0 par exemple.
Modifié par fvsch (05 Jul 2011 - 19:53)
Bravo !
a écrit :
C’est ça, la puissance intellectuelle. Bac + 2, les enfants

signature justifiée Smiley lol
avec left:0;right:0; c'est nickel.

ce satané ie n'a pas fini de me faire transpirer
encore merci pour ton aide qui m'aide à bien comprendre
darius