Tom's Guide > Forum > Programmation > Centrer page internet dans fenêtre en css

Centrer page internet dans fenêtre en css

Forum Programmation : Centrer page internet dans fenêtre en css

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

Bonjour tout le monde :)

Je suis actuellement en train de créer un site internet perso et après deux ans sans en faire je cale !!
Je voudrais que mon site se centre dans la page internet de l'utilisateur quelque soit sa résolution/taille de fenêtre (tant que ça rentre dedans bien-sûr :D )

Pour placer les différents éléments de mon interface j'ai crée un CSS qui me semblait être pas trop mal pour faire ça justement. Doit y avoir un hic, le site n'est pas tout à fait centrer :pt1cable:
J'ai testé pas mal de choses que j'ai trouvé sur le forum et ailleurs comme un body, conteneur....rien ne marche
Voici mon css :

/* CSS Document */

.haut {
width: 697px;
Height: 135px;
position: absolute;
left:25%; /**si je met 50% là ça me le taque à droite pourtant normalement c'est 50% qui faut mettre. C'est pour ça doit y avoir un soucis ailleurs...**/
top: 0px;
margin-left: -9px;
}

.gauche {
width: 9px;
Height: 460px;
position: absolute;
top:135px;
left:25%;
margin-left: -9px;
}

.droite {
width: 7px;
Height: 460px;
position: absolute;
top: 135px;
left:25%;
margin-left: 733px;
}

.centre {
width: 733px;
Height: 456px;
position: absolute;
top: 135px;
left:25%;
margin-left: -374,5px;
}

.bas {
width: 733px;
Height: 4px;
position: absolute;
top: 591px;
left:25%;
margin-left: -374,5px;
}

Le problème vient peut-être des margin-left parce que j'ai jamais rien compris à ce truc je fais toujours plein d'essais :pt1cable:

Merci d'éclairer mes lanternes SVP

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

left: 50%;
margin-left: -348px;

Répondre à crazycat@idn

Crazycat :Je vais essayer de faire ça ce soir en espérant que je comprenne. Merci bien
En relisant là y'a un truc qui me semble bizarre. Sachant que ma partie du haut est la plus large je vois pas pourquoi elle fait 697 alors que la partie du centre en fait 733 ;)
J'ai du me plantée quelque part en relevant les dimensions.
Bon si je comprend bien je divise par 2 la taille horizontale de la partie la plus grande et ça donne mon margin-left...
Ensuite je place mes autres morceaux en fonction du premier.

RiiMii : J'avais déjà trouvé ce site mais ça ne m'avait pas trop aidé :pt1cable:

Je vais m'y remettre ce soir en rentrant du boulot, j'aurais peut-être mieux les yeux en face des trous que hier lol
Merci

Répondre à jewat

Il explique très clairement que si tu veux centrer tout objet par rapport aux bordures , tu es obligé de mettre une taille fixe pour cet objet.
Sinon une fois cette règle assimilée je ne vois pas où se trouve le problème .

Répondre à RiiMii

Bah je suis désolée mais c'est pas très clair pour moi :D
Mettre une taille fixe à l'objet c'est pas :
width et height comme j'ai mis ??

M'enfin je retourne au boulot :)

Répondre à jewat

Alors j'ai réussi à placer la partie haute de mon interface dans un conteneur qui se centre automatiquement dans ma page.
Sauf que maintenant j'arrive plus à placer les autres parties les unes à côtés des autres.
J'ai parties haut, bas, centre et gauche droite

Help SVP :pt1cable:

Répondre à jewat

Ayé ca fonctionne youpitralala reste à placer le champs textes mdr

Répondre à jewat
Tom's Guide > Forum > Programmation > Centrer page internet dans fenêtre en css
Aller à :

Il y a 819 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens