[RESOLU]Forcer une image flottante à rentrer dans un div?

Salut à tous, me revoilà comme promis
Alors, mon problème vient du fait que j'utilise la propriété "float" de CSS pour faire épouser la forme d'une image à un texte dans un div:

http://img95.imageshack.us/img95/7365/floatzx6.th.jpg

Le code xhtml:

<div id="news_2">
	<div>Pagès - Martin</div>
	<div>
			U<div id="ima_2"></div>
		n aperçu de ce qu'on fait en cours quand on s'emm....<br />
	</div>

le CSS:

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*Style pour les images de news - Image cliquable*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

/*Style de l'image*/
div.image{
	float: right;
	margin: 20px;
	border: 1px solid #E9E9E9;
	max-width: 200px;
	text-align: center;
	font-size: xx-small;
}

/*Rend l'image cliquable*/
div.image a{
	display: block;
	width: 100%; height: 100%;
}

/*Supprime le contour*/
a img
{
   border: none;  
}

Après, c'est pas les mêmes noms de classes entre la page et le CSS, mais c'est parce que c'est un traitement automatisé en JS des <div> de news... Mais c'est bien ce style qui y est appliqué!

Ma question est donc : Comment faire rentrer entièrement l'image dans le div (celui avec un contour en pointillé), même si le texte est trop court pour "entourer" l'image?? Je vous remercie.
Modifié par floutchito (05 May 2007 - 13:34)

Bonjour,

Voir ici : Éléments flottants qui dépassent de l'élément parent.

Bonne continuation.

Florent V. a écrit :
Bonjour,

Voir ici : Éléments flottants qui dépassent de l'élément parent.

Bonne continuation.

Merci!! Entre Florents, on s'aide. C'est beau la fraternité

Problème résolu: j'ai utilisé la technique du {float: right;} pour l'élément parent. En effet, la technique {display: table;} me provoquait un décalage du menu de droite de quelques pixels. Sans doute dû au problème (connu, et précisé dans le lien fourni par Florent V.) de padding avec firefox.

Un petit screenshot:

http://img479.imageshack.us/img479/4350/okeb6.th.jpg

Une petite question: avez-vous un bouton dans ce genre-là pour mettre un lien vers votre forum? http://mouaetmoua.free.fr/images/npp.logo.80x15.png http://www.firefox.fr/boutons/firefox_80x15.png

Et sinon, puis-je en créer un?

Salut,

floutchito a écrit :
Une petite question: avez-vous un bouton dans ce genre-là pour mettre un lien vers votre forum?

Oui.

Sur la page "Comment soutenir Alsacréations ?".

Merci.