par
Eartz » 11 janv. 2011, 20:09
Tu devrais essayer ce code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css">
<title>TEST</title>
</head>
<body>
<div class="formulaire">
<table>
<tr>
<td> test </td>
<td>retest</td>
<td>reretest</td>
</tr>
<tr>
<td>test2</td>
<td>retest2</td>
<td>reretest2</td>
</tr>
</table>
</div>
</body>
</html>
body {
font-family: tahoma;
font-size: 12pt;
color: #fff;
background:#000 url(fond.jpg) no-repeat center top;
padding : 0;
border : 0 none;
font-weight:normal;
max-width:800px; /* taille maximum, tu peux régler la taille minimum avec min-width */
width : 50%; /* pour que le body reste centré sans scrollbar quelle que soit la résolution de l'écran */
height:650px;
text-align:center;
border : solid white 1px; /* juste pour distinguer le body */
margin : auto; /* centrer le body */
}
.formulaire {
display : inline-block; /* le div pourra être centré proprement avec margin */
margin : auto; /* centrer le div */
font-family:Tahoma, Geneva, sans-serif;
font-size:12pt;
color:#fff;
/* margin:50px 0 0 950px; */
border : solid green 1px; /* Juste pour distinguer le div */
}
Méfie-toi des largeurs de body (ou même de div) exprimées de manière fixe, par exemple en px, si tu veux pouvoir t'adapter à toutes les résolutions : il y aura bien un moment où une fenêtre de 500*500 ne pourra pas afficher entièrement une div de 800*650 par exemple^^
J'ai commenté les lignes que j'ai rajouté, et j'ai laissé celles que j'ai enlevé en commentaire également.
Je ne sais pas si ça correspond à ce que tu voulais faire, mais ça donne un tableau centré^^ j'ai testé sous SeaMonkey (c'est basé sur Gecko comme firefox donc en thérorie ça rend pareil) et sous Chrome.
Attention par contre à "display : inline-block;", il me semble que c'est pas géré par IE6 si jamais tu veux le porter dessus (mais chuis pas sûr pour le coup).
Tu devrais essayer ce code :
[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css">
<title>TEST</title>
</head>
<body>
<div class="formulaire">
<table>
<tr>
<td> test </td>
<td>retest</td>
<td>reretest</td>
</tr>
<tr>
<td>test2</td>
<td>retest2</td>
<td>reretest2</td>
</tr>
</table>
</div>
</body>
</html>
[/html]
[html]body {
font-family: tahoma;
font-size: 12pt;
color: #fff;
background:#000 url(fond.jpg) no-repeat center top;
padding : 0;
border : 0 none;
font-weight:normal;
max-width:800px; /* taille maximum, tu peux régler la taille minimum avec min-width */
width : 50%; /* pour que le body reste centré sans scrollbar quelle que soit la résolution de l'écran */
height:650px;
text-align:center;
border : solid white 1px; /* juste pour distinguer le body */
margin : auto; /* centrer le body */
}
.formulaire {
display : inline-block; /* le div pourra être centré proprement avec margin */
margin : auto; /* centrer le div */
font-family:Tahoma, Geneva, sans-serif;
font-size:12pt;
color:#fff;
/* margin:50px 0 0 950px; */
border : solid green 1px; /* Juste pour distinguer le div */
}
[/html]
Méfie-toi des largeurs de body (ou même de div) exprimées de manière fixe, par exemple en px, si tu veux pouvoir t'adapter à toutes les résolutions : il y aura bien un moment où une fenêtre de 500*500 ne pourra pas afficher entièrement une div de 800*650 par exemple^^
J'ai commenté les lignes que j'ai rajouté, et j'ai laissé celles que j'ai enlevé en commentaire également.
Je ne sais pas si ça correspond à ce que tu voulais faire, mais ça donne un tableau centré^^ j'ai testé sous SeaMonkey (c'est basé sur Gecko comme firefox donc en thérorie ça rend pareil) et sous Chrome.
Attention par contre à "display : inline-block;", il me semble que c'est pas géré par IE6 si jamais tu veux le porter dessus (mais chuis pas sûr pour le coup).
