Centrer le cadre (Frame ?) de la page "offline" ?

**Mentor86** · 24/11/2011, 00h11

Re : Centrer le cadre (Frame ?) de la page "offline" ?

J'ai trouvé !

Il s'agit de "Bloc". Donc la méthode pour centrer verticalement est :

J'ai créé un bloc conteneur de 700px de large et 400px de haut afin qu'il soit centré exactement dans le navigateur quelle que soit la résolution (800x600, 1024x768 ou plus).

J'ai trouvé sur le Net l'astuce de placer dans un premier temps ce bloc à top 50% et left 50%, ce qui place le coin supérieur gauche du bloc au milieu de page.

Ensuite, je définis des marges négatives dont la valeur est exactement la moitié de la largeur et hauteur du bloc, ce qui le positionne au milieu de page.

Voici le code CSS du bloc conteneur :

Code:

#global {   
position:absolute;   
left: 50%;    
top: 50%;   
width: 700px;   
height: 400px;   
margin-top: -200px; /* moitié de la hauteur */   
margin-left: -350px; /* moitié de la largeur */   
border: 1px solid #000; 
}

J'ai ensuite placé le conteneur juste en-dessous de la balise <body> dans le fichier PHP (sans oublier de placer mon "bloc" avant la balise de fermeture :

Code PHP:


<div id="global">Bloc</div>

Merci à tous ceux et celles qui ont lu mon post !

Centrer le cadre (Frame ?) de la page "offline" ?

[RÉGLÉ] Centrer le cadre (Frame ?) de la page "offline" ?

Commentaire

Annonce

Partenaire de l'association