[Résolu] Probléme de margin-top

ZbergK

20 Apr 2005 à 12:02

Voilà je réalise un code assez simple.
Mais le résultat est assez différent sous IE et Firefox

Voici le code de la page Html :

	<body>
		<div class='conteneur'>
			<div class="bloc1">
				Bloc1
			</div>
			<div class="bloc3">
				Bloc3
			</div>
			<br/>
			<div class="bloc2">
				Bloc2<br/>
				Bloc2e
			</div>
		</div>
	</body>

Et le CSS

body {
	margin: 0;
	padding: 0;	
}

.conteneur {
	background: #336699;
	color: White;
	width: 400px;	
	height: auto;
	margin-left: 50px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	position: absolute;
}

.bloc1 {
	background: #993366;
	color: White;
	width: 100px;
	height: 100px;
	float: left;
}

.bloc3 {
	background: #FFFF99;
	color: Black;	
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 110px;
}

.bloc2 {
	background: #009966;	
	width:100%;
	margin-top: 120px; 
}

Le Probléme est le positionnement du Bloc2 sous IE il est bien a 120px du haut alors que sous Firefox il est plus bas +-150px du haut apparement.

Je ne sais pas c'est du a quoi Snif snif Smiley sweatdrop

Merci d'avance de votre aide.

ZbergK
Modifié par ZbergK (20 Apr 2005 - 14:01)

ZbergK

20 Apr 2005 à 14:01

Aprés de long moments de recherche
J'ai trouvé, une erreur a la con de ma part dans le Html. Smiley lol

Le <br/> n'était pas interprété sous IE alors que sous Firefox oui.

Allez Hop résolu

ZbergK
Modifié par ZbergK (20 Apr 2005 - 14:02)