28173 sujets

CSS et mise en forme, CSS3

Firefox et margin-top dans 2 divs imbriqués

Bonjour,
pourriez-vous m'aider à comprendre pourquoi Firefox ne gère pas le margin-top de 11px dans cet exemple

Comment y remédier ?

Vaut il mieux passer par un positionnement absolu de div#top-sub plutôt que d'essayer de le placer avec des marges ?

Merci beaucoup.

Fred


le code :
<style type="text/css">
<!--
div#top{	
	width: 780px;
	height: 172px;
	margin: 0em auto;
	text-align: left;	
	background-color:#FF0000;
}

div#top-sub{
	width: 752px;
	height: 161px;
	text-align: left;
	background-color: #FFCC00;
	margin : 11px 0px 0px 14px;
}


-->
</style>
</head>

<html>
<body>

<div id="top">
	<div id="top-sub">
	 div top-sub
	</div>
</div>

</body>
</html>

Modifié par Fissunix (16 Oct 2007 - 04:53)
merci pour la rapidité et l'efficacité de la réponse.

Comme je veux utiliser du placement d'images, je ne peux pas mettre de border et je ne veux pas mettre de padding (je risque de l'oublier plus tard) . Et le overflow me créé un bug dans mon fichier sur lequel je bosse car il cache une partie d'un h1 avec une marge négative.

Je vais donc opter pour un positionnement absolu du div imbriqué.

Mais au moins je sais pourquoi maintenant Smiley cligne
Modifié par Fissunix (16 Oct 2007 - 05:28)
Sujet clos
Aller à