Centrer verticalement une page xhtml(margin auto = just horizontale ?)
Centrer verticalement une page xhtml(margin auto = just horizontale ?) - Web design - Graphisme
Marsh Posté le 30-09-2006 à 16:00:30
Citation de moi sur un autre topic :
| Citation :
|
Voila !
Message édité par Profil supprimé le 30-09-2006 à 17:07:23
Marsh Posté le 30-09-2006 à 16:36:53
Ca marche pas, pourtant je crois avoir bien compris.
Etant un site commercial je peux pas le mettre en lien au risque de me faire jetter pour spam
en gros dans mon css j'ai fait un bloc conteneur de tout le site comme ceci
Code :
|
Les header mainzone et bottom sont à l'intérieur du mainframe mais quand je place ton
position : absolute;
top :50%;
border-bottom: - valeurpx; de la moitié de la hauteur de la page a centrer verticalement il me la met en bas sur la gauche
merci
Message édité par luxylux le 30-09-2006 à 16:37:53
Marsh Posté le 30-09-2006 à 16:44:11
Si l'id mainframe est ton conteneur total et que tu veut le centrer horizontalement et verticalement, voici la marche a suivre (avec A la moitié de la heuteur de ta page et B la moitié de la largeur):
#mainframe {
width:980px;
position:absolute;
top:50%;
margin-top:-Apx;
left:50%;
margin-left:-Bpx;
}
En espérant que ça t'aidera... 
PS: en écrivant je me suis rendu compte que je t'avais dit border-bottom au lieu de border-top et la même choze horizontalement :s.
edit:erreurs dans le code réglées 
Message édité par Profil supprimé le 30-09-2006 à 17:06:19
Marsh Posté le 30-09-2006 à 17:49:44
Heyyy Mackxs Je te remercie 1000 fois mon ami pour ton aide ca fonctionne
a+++
Message édité par luxylux le 30-09-2006 à 17:50:08
Marsh Posté le 30-09-2006 à 18:32:14
De rien l'ami !
(sit tu pouvais me filer l'adresse du site en question par mp ça serait sympa )
Marsh Posté le 01-10-2006 à 16:12:09
le centrage vertical et horizontal s'opère d'une manière simple :
c'est presque comme l'a spécifié mackxs mais à un détail près :
#monbloccentred {
width:980px;
height:500px; /* ou bien on connait sa hauteur */
position:absolute;
top:50%;
margin-top:-490px; /*La moitié de la hauteur du bloc */
left:50%;
margin-left:-250px; /*la moitié de la largeur */
}
Marsh Posté le 01-10-2006 à 17:07:28
| gatsu35 a écrit : le centrage vertical et horizontal s'opère d'une manière simple :
|
C'est pas un peu ce que j'ai dit toussa ?? 
Bon à part que j'ai oublié de spécifier la hauteur... En plus, tu as fait une erreur, tu as inversé la hauteur et la largeur 
Message édité par Profil supprimé le 01-10-2006 à 17:07:52
Marsh Posté le 13-12-2013 à 08:24:17
Bonjour, moi cette solution me place mon dive en bas a droite
---------------
http://www.lunnatick.fr/
Sujets relatifs:
- Les regles de la mise en page??
- Avis sur page d'accueil
- maj auto images boutons flash
- vistaprint page et feuille
- [LEGAL?] Page de demmarage Google ?
- Page flash en index
- [galerie] pioh's..up line 29/10/08
- Optimisation d'une page
- Graphisme Toshop à insérer dans une page HTML
- Indesign, gabarit de page en reliure sur le haut?
Marsh Posté le 30-09-2006 à 15:31:17
Salut à tous
Mon soucis est le suivant, je réalise des sites pour le 1204 ou plus et mes pages sont bien centrées mais en
1200 et plus mes pages ne sont centrées que de gauche à droite verticalement elle est collée en haut
pour centré mes sites j'utilise simplement margin: auto; dans le bloc conteneur principale de mon site en position relative mais ce centrage semble ne correspondre que horizontalement.
Merci
Message édité par luxylux le 30-09-2006 à 15:50:42