Centrage page web

Centrage page web - Web design - Graphisme

Marsh Posté le 05-03-2005 à 18:20:29    

Bonjour, par soucis d'ergonomie, j'aurais souhaiter savoir comment centrer une page web dans le naviguateur, j'ai vu des codes comme celui, mais je n'arrive aps à le faire fonctionner :
 
div#page {  
position: absolute;  
height: 300px;  
top: 50%;  
margin-top: -150px;  
margin-left : auto ;  
margin-right : auto ;
 
 
 
Merci d'avance

Reply

Marsh Posté le 05-03-2005 à 18:20:29   

Reply

Marsh Posté le 05-03-2005 à 18:25:51    

tu bosses avec un logiciel de création ou du code?
Et aussi pa tableaux ou celules?

Reply

Marsh Posté le 05-03-2005 à 18:35:11    

je bosse sur dreamweaver mx, je bosse avec des cellules (calque)

Reply

Marsh Posté le 05-03-2005 à 19:17:22    

voilà ce que j'ai pour le moment, et vous comprenez bien que c'est pas super...
 
http://nsb913.free.fr/index2.htm

Reply

Marsh Posté le 06-03-2005 à 12:46:06    

Avec un code HTML du genre :

Code :
  1. <body>
  2.     <div id="main">
  3.       ...
  4.     </div>
  5.   </body>


Code :
  1. html, body {
  2.   width: 100%;
  3.   height: 100%
  4.   margin: 0px;
  5.   padding: 0px;
  6. }
  7. #main {
  8.   width: 640px;
  9.   height: 480px;
  10.   position: absolute;
  11.   top: 50%;
  12.   left: 50%;
  13.   margin-left: -320px;
  14.   margin-top: -240px;
  15. }


Donc margin-left et margin-top sont égaux à la moitié de la largeur et de la hauteur de ton truc :)

Reply

Marsh Posté le 06-03-2005 à 13:27:59    

un grand merci à toi, c'est sympa

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed