Vertical-align en Css avec ie7

Bonjour à tous,
Je m'en remet à votre expertise à tous pour essayer de trouver une solution ensemble.

J'expose la problématique : je dois aligner une image en bas d'un conteneur de type block. Je viens de trouver sur la toile, une methode Css valable pour Firefox, Chrome, Safari, ie6 et ie8.

Donc cette méthode ne fonctionne pas juste pour ie7. Le grand ami des intégrateurs web !!

je colle le code css et la structure html utilisés

je pense que ce n'est pas grand chose mais en l'occurrence, ie7 n'est pas mon fort.

/* CSS */
	#valignB {display:table;position:relative;width:500px; height:500px;}
	#valignB div {top:50%;position:absolute;}
	#valignB>div {display:table-cell;vertical-align:bottom;position:static;}
	#valignB div div {position:relative;top:-50%;}

	<div id="valignB">
		<div>
			<div>
				<img src="Img/solution.png" alt="coco" />
			</div>
		</div>
	</div>

Merci à tous
Modifié par dvilston (06 Jun 2009 - 20:42)

Salut,

Quelques question, car comme d'habitude, il y a de nombreuses manières d'obtenir ce résultat :

- Est-ce une image purement décorative ou non ?
- Y aura-t-il autre chose que l'image dans le conteneur ? Si oui donne le code html complet du conteneur, y compris le contenu.
- Si tu as une page en ligne où l'on peut voir ce conteneur et cette image, ça vaut toutes les explications du monde.