28220 sujets

CSS et mise en forme, CSS3

Bon, après une après-midi passé à essayer de trouver une solution sur le net, sur le site, ou par moi-même, je viens demander de l'aide.
Tout d'abord une petite explication :
Des miniatures d'images sont générées par un script php. Ces images ne sont pas formatées. Seule la hauteur OU la largeur est fixe (100px par défaut).
Pour assurer une mise en page correcte, je place ces images dans un bloc de 100x100.
Pour l'instant, je calcule un padding par rapport à la taille de l'image.
Pour ce qui est de ce calcul, il fonctionne sans problème.
Mais toujours est-il que j'ai un décalage, et que mon bloc s'agrandit.
Voici le site.
Voici le code du style en php :

<div id=\"miniature_$id\" style=\"
		display: block;
		text-align:center;	
		background-color:#CCCCCC;
		border-width:2px;
		border-color:#FF9933;
		border-style:solid;
		width:100px;
		height:100px;
		padding-top:";
		echo (int) ($padding);
		echo "px;
		\">

Je vous remercie d'avance pour votre aide. Smiley confused
Bonjour.
Le padding augmente les dimensions de ton <div> d'autant de px .Si tu veux avoir des dimensions fixes il faut enlever autant de px que ce que tu mets de padding