Comment fixer le header au centre [Résolu/Fermé]

Signaler
-
Messages postés
321
Date d'inscription
mardi 1 mai 2012
Statut
Membre
Dernière intervention
1 juillet 2016
-
Bonjour,
Voici mon site pour l'instant héberger en local sur mon ordinateur:
<lien url="http://pro.photomania.com/photoview3.asp?login=x_x22122012_9H8NJ&photo=rad93865.png&album=1"</lien>

je voudrais que mon header reste fixe donc je met
position:fixed
et sa donne sa:
http://images3.photomania.com/3648409/1/_radB4C38.jpg

voici mon code html:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Site Craft-56 page d'accueil </title>
		<link href="css/style1.css" rel="stylesheet" type="text/css">
		<!--[if lt IE 9]>
		<script src="scripts/html5_ie.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="structure">
		<header>
			<ul>
				<li><h1>Craft-56</h1></li>
				<li><a href="accueil.html">Accueil</a></li>
				<li><a href="serveur.html">Serveur</a></li>
				<li><a href="news.html">News</a></li>
				<li><a href="galerie.html">Galerie</a></li>
				<li><a href="forum.html">Forum</a></li>
				<li><a href="contact.html">Contact</a></li>
			</ul>
		</header>
		<aside>texte du corp</aside>
		<footer>
			<p>Site en cour de construction par Damiano56</p>
		</footer>
		</div>
</html>

mon code css:
<code>
body {
		background-color: #000;
		padding: 0px;
		text-align: justify;
		margin-top: 0;
		min-height: 100%;
		min-width: 1050px;
	}
	header {
		top : 0px;
		margin-left: auto;
		margin-right: auto;
		background : #fff;
		color : #595959;
		width : 950px;
		text-align: center;
		border-radius: 15px; 
		height: 47px;
		z-index: 1320;
		position: fixed;
	}
	footer {
		background: #fff;
		margin-left: auto;
		margin-right: auto;		
		margin-top: 0px;
		margin-bottom: 0px;
		width: 950px;
		text-align: center;
		border-radius: 10px;
		height: 40px;
		bottom: 0px;
		position: relative;
	}
	aside {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		background: #666666;
		color: #fff;
		border-radius: 15px;
		text-align: left;
		padding: 3px;
		padding-left: 20px;
		padding-right: 20px;
		top: 0px;
		bottom: 40px;
		margin-bottom: 0px;
		position: relative;
	}


comment faire pour que le header sois fixe et centrer ?

merci d'avance pour vos réponses

Damien

ps: excuser moi pour les fautes d'orthographe.

1 réponse

Messages postés
321
Date d'inscription
mardi 1 mai 2012
Statut
Membre
Dernière intervention
1 juillet 2016
62
position fixed sert à fixer la position d'un élément, c'est à dire qu'il restara toujours à la même place, que l'utilisateur fasse du scroll ou pas.
Il faut que tu utilises margin: 0 auto; en position relative.

A+
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci