[Résolu] Centrer verticalement mon site

ARGo

29 Jun 2006 à 21:01

Bonsoir,

J'ai bien cherché partout sur le Forum, mais le sujet n'a pas été abordé des masses de fois, et jamais une solution...n'y en aurait-il en fait pas ??

Impossible de centrer mon DIV conteneur sur la page. Impreccable à l'horizontal, mais rien à faire pour le centrer verticalement. Même la mise dans un tableau ne fonctionne pas (ce qui m'étonne beaucoup...)

#conteneur {
    position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: 550px;
	border: 2px solid #000;
	background-color: #FFFFFF;
     }

Une solution ?

MERCi Smiley cligne

Modifié par ARGo (29 Jun 2006 - 22:27)

gcyrillus

Modérateur

29 Jun 2006 à 21:12

bonjour,
pourtant dans un tableau ...
il faut a la base , un doctype valide, et

html, body, table , td {height:100%;margin:0;padding:0;width:100%;}
/* ce qui permet en principe 
d'afficher le "tableau d'une cellule" sur la hauteur de l'ecran*/

, et si la hauteur de ta page est superieur a celle de ton conteneur, celui c-ci devrait se trouver aligner verticalement dans la cellulle (verical-align:middle; semble etre la valeur par defaut , sinon, l'appliquer par le biais du css).
++
Modifié par gcyrillus (29 Jun 2006 - 21:24)

ARGo

29 Jun 2006 à 22:26

J'avais pas paramétré la ligne CSS correctement !
MERCi beaucoup !

Voilà le code pour de futures demandes :

html, body, table , td {height:100%;margin:0;padding:0;width:100%;
}
#conteneur {
    position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height: 550px;
	border: 2px solid #000;
	background-color: #FFFFFF;
     }

et

<table>
  <tr>
    <td><div id="conteneur"></div></td>
</tr>
</table>

RG