[Résolu] La bordure d'un Div influe sur les marges ?

Bonsoir,

ok, j'avoue, j'ai rapidement fait une recherche et je n'ai pas trouvé ( peut être en passant plus de temps) mais comme dit le proverbe : mieux vaut 1 qui sait que 10 qui cherchent.

donc ma question est la suivante :

j'ai remarqué avec étonnement le fait de déclarer la bordure d'un div influait sur les marges ! je m'explique :

je crée un div dans lequel je mets 2 images flottantes, une à dorite et l'autre à gauche, et un paragraphe entre les 2.
Je declare une marge haute pour mon paragraphe ( afin que celui ci se trouve à peu près au milieu de mes 2 images), mais cette marge n'est appliqué QUE si j'ai déclaré une bordure pour mon div !


Est ce une application normale ? ( testé sous FF ).

en gros ca donne :

code Html :

	<div id="pagehaut">
	<img src="table4.jpg" alt="table" class="agauche" />
	<img src="salle.jpg" alt="salle" class="adroite"/>
	<p>C'est un lieu magique où s'accordent, <br /><br /> le passé avec les plafonds peints et la fresque des murs,</p>
	
	
	
	</div>

code CSS :

.adroite {float:right;}
.agauche {float:left;}
#pagehaut
{
border:1px solid white;
width:512px;
}
#pagehaut p
{font-size:0.9em;
margin-top:2em;}

Si j'enlève la règle border, mon paragraphe reste collé en haut du div...


Merci d'avance pour votre réponse !
Modifié par Kwic (13 Oct 2005 - 23:10)

Aïe tu as de l'aspirine sur toi ?
Si oui, fais une petite recherche sur "collapsing margins" : tu trouveras l'explication technique du calcul des marges (c'est un peu sioux).

Re,

ok merci, je viens d'aller voir : très intéressant. Cela peut causer des problèmes innatendus.

Bref, on va s'adapter !