28173 sujets

CSS et mise en forme, CSS3

Hi,

J'ai deux boites identiques, mêmes marges, mêmes tailles. La première est float, la deuixième vient donc se coller au bord droit de la première... mais se place plus haut qu'elle! Elles ont pourtant toutes les deux le même top outer edge.

Quelle est la règle qui est la cause de ce phénomène ? Ou est ce un bug ?

Image (sous Opera, idem sous IE) et code:

upload/4742-exemple.png


<html>
	<head>
		<style type="text/css">
			div {
				display:block;
				border-style: solid;
				padding:3px;
				border-width:3px;
				border-color:black;
				margin:3px;
			}
			div.mini-box {
				width:75;
				height:75;
			}
		</style>
	</head>
	<body>
		<div class="mini-box" style="float:left;">
		Boite 1
		</div>
		<div class="mini-box"  style="">
		Boite 2
		</div>
	</body>
</html>

Modifié par hibou57 (19 Feb 2006 - 18:38)
Je suis bêêêêête!!! Smiley biggol

Je connais la réponse,

alors je fais quoi maintenant ? Je la laisse en quiz pour les autres ? Smiley ravi

No, je donne la réponse... la boite float ne voit pas sa marge fusionner, donc en fait leurs top outer edge ne sont pas les mêmes Smiley ravi

Oilà!