[résolu] Une marge d'un calque qui s'attribue à un autre calque...

J'ai commencé le design d'un site et j'ai un petit soucis de positionnement css.

La partie css :

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	background-color: #e0e0e0;
	margin: 0px;
}
#centreur {
	text-align:center;
}
#centre {
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	background-color:#fff;
	text-align:left;
}
#logo {
	float:left;
	margin-left:15px;
	margin-top:15px;
	width:254px;
	height:188px;
}
.menu {
	float:left;
	margin-left:50px;
	margin-top:30px;
	width:145px;
	height:157px;
}
#categories {
	background-image:url(img/fond_menu_categories.png);
}
#speciales {
	background-image:url(img/fond_menu_speciales.png);
}
#entrenoo {
	background-image:url(img/fond_menu_entre_noo.png);
}
#bonplans {
	margin-top:15px;
	margin-left:30px;
	width:840px;
	height:150px;
	background-color:#efefef;
	clear: both;
}

La partie html :

<div id="centreur">
  <div id="centre">
  
	<div id="logo">
	  <a href="./"><img src="img/entre_noo_logo.png" alt="Logo Entre-noo" width="254" height="188" 			border="0" /></a></div>
	  
	<div class="menu" id="categories"></div>
	<div class="menu" id="speciales"></div>
	<div class="menu" id="entrenoo"></div>
	<div id="bonplans"></div>
	
  </div>
</div>

J'ai mis une marge en haut du div 'bonplans' de 15px sous ie ça fonctionne mais sous firefox la marge s'applique au div 'centre' qui normalement a une marge de 0px. Je comprends pas trop pourquoi...

L'adresse temporaire : http://tankiaaaaan.free.fr/entre_noo/
Modifié par tankia (17 Apr 2006 - 14:25)

Etrange, je ne vois pas de difference, peut tu poster les captures ecrans en question?

Merci pour ta rponse voici les screens :

Internet explorer :
http://tankiaaaaan.free.fr/entre_noo/img/ie.png

Et Firefox :
http://tankiaaaaan.free.fr/entre_noo/img/ff.png
Modifié par tankia (16 Apr 2006 - 16:39)

Personne ne voit d'où vient le soucis ?

Salut,

Cela vient peut être du fait que ce sont des float au dessus. En mettant une margin-bottom au logo, le résultat devrait être le même sous IE et FF

Merci ça fonctionne parfaitement, problème résolu