[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > Comment centrer design en x et en y ? > Lecture du sujet

Comment centrer design en x et en y ?

Vous devez être inscrit pour pouvoir poster des messages

Résolu Le problème de ce sujet a été résolu

Page : 1

Auteur

Message

1 visiteur sur ce sujet (1 anonyme)

Page : 1

Masakatto

# Posté le 08/07/2008 à 22:45:42

Groupe : Membres

Bonsoir,

Voilà, j'aimerais que mon design soit centré Totalement dans ma page web et je ne sais pas qu'elle commande utiliser.
J'ai déjà un margin: auto; qui ne suffit pas car j'aimerais que mon design soit aussi centré en y.

Pouvez vous m'aider ?

Merci.

nicko77

# Posté le 08/07/2008 à 23:47:50

what's up ?

Groupe : Membres

Salut.

Voici ma solution :

Code : HTML

<html>
<body>

<global>
/*contiendra tout le reste*/
</global>

</body>
</html>

Code : CSS

body
{
	margin: 0;
}

#global
{
	position:absolute;
	left: 50%;
	top: 50%;
	width: 800px; /*largeur de ton site*/
	height: 400px; /*hauteur de ton site*/
	margin-top: -200px; /*hauteur divisée par 2*/
	margin-left: -400px; /*largeur divisée par 2*/
}

Voilou

Masakatto

# Posté le 09/07/2008 à 01:04:31

Groupe : Membres

Çà marche parfaitement sous Mozilla Firefox, mais aucunement sous Internet Explorer (qu'elle nullité ce navigateur...).

Merci bien pour ton aide, mon design est enfin Centré

.

Bonne soirée.

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

Comment centrer design en x et en y ?