[RESOLU] [débutant] CSS - comment centrer une DIV?

CSS - comment centrer une DIV? [RESOLU] [débutant] - HTML/CSS - Programmation

Marsh Posté le 30-05-2006 à 00:23:27    

Bonjour,
 
J'ai une page web qui possède principalement une DIV :
 

<html>
...
<body>
<div class="corps">
...
</div>
</body>
</html>


 
 
En fait, cette DIV est encadrée et fait 780px de large :
 

div.corps {
 width: 780px;  
 border: 1px #000 solid;
}


 
 
Et je voudrais qu'elle soit au centre de la page! j'arrive pas... j'ai essayé text-align: center... mais cela concerne le texte... moi je voudrais que toute la DIV soit centrée...
 
Quelqu'un peut m'aider?


Message édité par arn100 le 30-05-2006 à 09:17:51
Reply

Marsh Posté le 30-05-2006 à 00:23:27   

Reply

Marsh Posté le 30-05-2006 à 01:05:04    

Code :
  1. body{
  2. margin:auto;
  3. }


 
Non ?  
Enfin il me semble que pour IE, faut aussi rajouter  

Code :
  1. body{
  2. text-align:center;
  3. }

Message cité 1 fois
Reply

Marsh Posté le 30-05-2006 à 01:36:40    

cesarr89 a écrit :

Code :
  1. bodydiv.corps{
  2. margin:auto;
  3. }


 
Non ?  
Enfin il me semble que pour IE, faut aussi rajouter  

Code :
  1. body{
  2. text-align:center;
  3. }



 
[:aloy]

Reply

Marsh Posté le 30-05-2006 à 01:41:47    

oops j'avais oublié  :D  
L'idée était là ...  
 
Donc  


div.corps{
      margin:auto;
}  
 
body{
      text-align:center;
}  

Reply

Marsh Posté le 30-05-2006 à 02:40:46    

mdr cesarr89 je n en doute pas un seul instant ;)

Reply

Marsh Posté le 30-05-2006 à 09:17:23    

Parfait! ca marche!
 
Voilà ce que j'ai fait:

body{
margin:auto;
text-align:center
}


 
PS: En tout cas ca marche sous firefox 1.0.7 sous linux.
 
Merci beaucoup!

Reply

Sujets relatifs:

Leave a Replay

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