[résolu]Margin image

Bonjour!

Toujours sur www.bregnard.org... L'image de "La Une" a une facheuse tendance à ne pas respecter les marges inférieures sur FF (sous IE tout est bon) et elle se colle directement sous la boîte "zoom".



Si le texte est plus long que l'image, tout est bon. J'ai essayé de mettre un margin-bottom à 100px mais rien à faire.

Le code:

<div id="laUne">
						
<h1><a href="spip.php?article1">Le dialogue catholique-orthodoxe progresse</a></h1><img src='IMG/cache-200x150/arton1-200x150.jpg' width='200' height='150' alt="" class='spip_logos' align='right' />

<h2>Pour la première fois depuis six ans, un sommet théologique s&#8217;est tenu entre l&#8217;Église catholique et l&#8217;ensemble des Églises orthodoxes, dans un climat nouveau, un premier résultat qui est implicite, mais loin d&#8217;être négligeable.&nbsp;<a href="spip.php?article1">[L'article]</a></h2>

</div>

#laUne{
	clear:both;
	width: 817px;
	margin: 10px 0px 20px 0px;
	bottom: 30px;
}
	
#laUne h1 {
	font-family:: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-left: 8px;
	font-weight: bold;
	font-size: 15px;
	color: #0000FF;
	line-height: 22px;
}

#laUne h2 {
	font-family:: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 8px 5px 20px 8px;
	font-size: 11px;
	color: #000000;
	text-align: justify;
	font-weight: bold;
	line-height: 2;
}

#laUne a {
	text-decoration:none;
}

#laUne .spip_logos {
	border: #a1a1a1 1px solid;
	margin: 0px 100px 100px 60px;
	clear:both;
}

Merci de l'aide!
Modifié par pbpub (06 Oct 2006 - 23:07)

Je connais mal le comportement d'une image en align="right". Il me semble qu'il n'est pas tout à fait identique à celui d'une image flottant à droite (CSS : float: right;).

Par contre, on retrouve un problème similaire à celui du dépassement des flottants :
http://web.covertprestige.info/test/03-elements-flottants-et-element-parent-1.html
Utiliser un contexte de formatage sur le bloc #laUne via un overflow:hidden; me semble intéressant.
En passant : ne pas oublier d'attribuer une bordure ou une couleur de fond (temporairement) au bloc #laUne pour mieux constater les effets de la correction.

Tu es génial!

Ca marche avec

overflow:hidden;

Merci!