28172 sujets

CSS et mise en forme, CSS3

Bonjour!
Je travaille sous joomla et après avoir modifié le css du template pour rendre mon header et menu fixe (lorsque je scroll la page), j'obtiens toute mon entête et menu décalés à gauche, alors que je voudrais le voir centré et aligné à ma feuille.
Est-ce que quelqu'un aurait la solution que je cherche depuis des heures??
Pour une idée plus précise, voici mon site:

al-designer.com

J'espère que ce sera une réponse facile pour vous! Smiley smile
Je vous remercie!
Bonsoir,

Le centrage horizontal via la déclaration CSS margin: 0 auto; permet de centrer les éléments dans le flux courant. Dès lors qu'on les sort du flux via un positionnement absolu ou fixé (comme c'est le cas ici), cette technique ne fonctionne plus.

Une solution, s'il on connaît la largeur de l'élément à centrer, consiste à le positionner à 50% du bord gauche de son conteneur. À partir de là, c'est le bord gauche de l'élément qui est centré. Pour que ce soit son milieu, on retire simplement la moitié de sa largeur via un margin négatif.

.art-header {
	width: 1000px;
	height: 95px;
	position: fixed;
	left: 50%;
	z-index: 10;
	margin-left: -500px;
}
Smiley biggrin Waahh ça fonctionne!!
Vraiment merci beaucoup! Ton explication était claire et efficace!
Tu as fait une heureuse ce soir Smiley cligne

Bonne soirée!