centrer mon site ?

**halimux** · 24/12/2009, 13h42

l'orsque j'enléve ou remplacer (par un autre doctype) la ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

mon site se déforme, est il ne sera pas centrée, pourtant j'ai mis mon site dans un tableau comme suit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<body>
<table cellSpacing="0" cellPadding="0" width="850px" align="center" bgColor="#ffffff" border="0">
<tr>
  <td>................</td>
  <td>................</td>
   <td>................</td>
</tr>
</table>
</body>

mon css est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
body {
 width: 850px;
 margin: auto; 
 margin-top:20px;
 margin-bottom:20px;
 background: #FFFFFF; 
 border: 1px solid #e7e6d5;
 background: #FFFFFF url(../images/bodybg.png);
}

( je développe avec notepad++)
et merci de votre aide,

**Angelle** · 28/12/2009, 06h24

J'ai pas tout compris. Tu veux center le tableau dans ta page ou center le contenu des cellules de ton tableau?

**halimux** · 28/12/2009, 09h37

je veux centrer mon tableau dans la page,

**Angelle** · 28/12/2009, 10h31

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div align="center">
    <table>
         ... (le code avec toutes les cellules de ton tableau)
    </table>
</div>

Je pense que ça, ça devrait le faire

**sebhm** · 28/12/2009, 11h46

il faut simplement le CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

table {margin-left : auto; margin-right : auto;}

**12monkeys** · 04/01/2010, 22h17

Bonsoir

Ne centre pas body... Crée plutôt un div conteneur que tu va centrer :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
div#centrer {
 width: 850px;
 margin: 20px auto;
 border: 1px solid #e7e6d5;
 background: #FFFFFF url(../images/bodybg.png);
}

J'ai un peu optimisé ton code CSS.

Et le HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<div id="centrer">
<table cellSpacing="0" cellPadding="0" width="850px" align="center" bgColor="#ffffff" border="0">
<tr>
  <td>................</td>
  <td>................</td>
   <td>................</td>
</tr>
</table>
</div>

De plus avec le doctype que tu as mis il faut que tu enlève les éléments de présentation comme align="center" bgColor="#ffffff" (attributs dans la balise table) et que tu mette cela dans le CSS sinon ta page ne sera pas valide...

centrer mon site ?

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager