[xhtml][css] centrer un div sous firefox :s

**avogadro** · 24/04/2006, 01h29

Bonjour, petit probleme, avec ce code tout simple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Projet DotNet</title>
    <script type="text/javascript" src="../include/javascript/menu.js"></script>
    <link rel="stylesheet" type="text/css" href="../include/style.css">
</head>
<body class="home">
    <div class="centrer">
        <div class="tableau">
            Erreur
        </div>
    </div>
</body>
</html>

en faite ma class "centrer" me permet de centrer tout, elle est de type :

Code :

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

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

or sous firefox, tout ce qui est dans le

Code :

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

1
2
3
        <div class="tableau">
            Erreur
        </div>

n'est pas centré sur la page, alors que sous IE ça marche, qu'elle est la méthode a suivre??
en bref, l'effet recherché est l'effet ie sous firefox :

**SIBELIUS** · 24/04/2006, 09h49

Envoyé par avogadro

en faite ma class "centrer" me permet de centrer tout, elle est de type :

Code :

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

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

or sous firefox, tout ce qui est dans le

Code :

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

1
2
3
        <div class="tableau">
            Erreur
        </div>

n'est pas centré sur la page, alors que sous IE ça marche, qu'elle est la méthode a suivre??

Hello,

text-align est une propriété qui sert à centrer les éléments de type "en-ligne" (texte et image), et non les blocs.
Seul IE buggue sur cette fonction et centre aussi les blocs.

Mais il vaut mieux employer les marges automatiques pour centrer (voir le lien donné dans le message précédent

)