Salut
Je galère depuis 1h avec ma page html.. En fait, j'ai un <div> qui doit mesurer 500px et qui doit être centrer horizontalement et verticalement sur la page.
Voilà mon code html :
Code :
- <img src="images/login.jpg" alt="Administration" /><p></p>
- <div id="tableau"><br />
- Login: <input name="login" size="20" maxlength="50" value="" />
- Pass: <input name="pass" size="20" maxlength="50" value="" />
- <input type="submit" name="send" value="gO" /><br />
- </div>
|
Et voilà mon code css:
Code :
- body
- {
- background-color: #6B7FAD;
- font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
- font-size: 12px;
- text-align: center;
- margin-top: 20%;
- }
- #tableau
- {
- border: 1px solid black;
- background-color: white;
- text-align: center;
- width: 500px;
- }
|
Ceci me permet donc d'avoir mon logo+mon div centré verticalement. Le probleme est que le <div> est collé à gauche contrairement au logo qui est bien au centre .. j'aimerai que les deux soient centrés sur la page!
Une idée ?
---------------
Hey! You wanna dance?