28173 sujets

CSS et mise en forme, CSS3

[resolu]Probléme de centrage vertical

En fait le tutorial alsa sur lequel repose mon site qui explique comment centrer verticalement un élément pose un probléme.
Si l'on redimensionne la fenêtre en petit, on ne peut plus alors même avec les scrolls accéder à la totalité du site...

Quelqu'un aurait une autre façon de faire ?

Ma méthode actuelle (le tutorial) :

le css : 
#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;
     } 

body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	text-align:center;
}


Le html

<body>
<div id="global">
<p>dsqp dsqoi dosqi pdosqid sqdpo sqidpoi sqdposq diposq dpoqs dpsq diposq dipodsq odsp qsd ipsqdoi sqpdi sqpod sdqpq dspsq idpqis dpsqo dpoqs idposqi dspoq idposqd posqid posqid posqid psqdipsq idposqd isqpoi sdqpoi dsqpdsq</p>
</div>
</body>

Modifié par bout-de-papier (21 Nov 2006 - 10:56)
J'ai trouvé une solution pour contrer le probléme, erci à moi pour tout ce temps passé sur le probléme Smiley lol

css :
#dilat{
   margin-left: auto;
   margin-right: auto;
   text-align:left;
   width: 1000px;
}

#page{
   position:absolute;
   background-color: transparent;
   top: 50%;
   width: 1000px;
   height: 667px;
   margin-top: -333px;
   text-align:left;   }


html :
<div id="dilat">
    <div id="global"></div>
</div>
Sujet clos
Aller à