28172 sujets

CSS et mise en forme, CSS3

Probleme avec margin-top

Bonjour,


J'essaye de centrer ma balise <h1> en hauteur, pour cela j'ajoute la propriété margin-top:20px; à ma balise <h1>
Mais la balise <h1> ne se décale pas vers le bas par rapport a son parent div, c'est le parent div qui se décale vers le bas par rapport à la fenêtre...

Savez-vous pourquoi ?

J'ai crée 2 pages :

Avant propriété margin-top:20px
http://directpsg.fr/exploitation/index.php

Après propriété margin-top:20px
http://directpsg.fr/exploitation/index2.php

Le code de index.php

<html>
<head>

<style>
html,body,ol,ul,form,fieldset,h1{margin:0;padding:0}

#main{
	margin-left: auto;
	margin-right: auto;
	width:1200px;
}

#header{
	height:90px;
	background-color: #E30022;
}

#menuHaut{
	border:1px solid black;
}

#header h1{
	color:white;
	height:40px;
}


</style>
</head>
<body>
<div id="main">
	<div id="header">
		<h1>Exploitation</h1>
	</div>


	<ul id="menuHaut">
		<li>Accueil</li>
		<li>Compte rendu matin</li>
		<li>Procedure</li>
		<li>Batch</li>
		<li>Liens divers</li>
	</ul>
</div>
</body>
</html>


Le code de index2.php

idem index.php, juste la balise <h1> dans laquelle j'ajoute margin-top:20px;
#header h1{
	color:white;
	height:40px;
	margin-top:20px;


Merci beaucoup pour votre aide
Sujet clos
Aller à