Centrer une div dans une autre

Version imprimable

Bonjour à tous,

Pour centrer une div dans une autre, j'ai utilisé des margin auto à gauche et à droite.

Dans Firefox ça marche mais ce n'ai pas le cas dans Internet Explorer :aie:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style>
  body{
    direction: ltr;
    font-family: Tahoma;
    font-size: 12px;
    background-color: #000;
  }
  .main{
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: #333;
    border: 1px dashed #CCC;
  }
  .content{
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    position:relative;
    background-color: #FFF;
    border: 1px dashed #CCC;
  }
  </style>
</head>
<body>
<div class="main">
<div class="content"></div>
</div>
</body>
</html>

Une solution ?

Merci.

12/09/2011, 11h36
Bisûnûrs

Rajouter un DOCTYPE.

J'ai rajouter :
Code:

1 2 <!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" xml:lang="en" lang="en">
Et ça marche parfaitement.

mais puis-je changer :

Code:

xml:lang="en" lang="en"

en n'importe quelle langue ?

Merci.

Oui, tu le peux sans le moindre soucis.

Voici des exemples qui t'aideront à comprendre le fonctionnement :

Code:

1
2
3
4
5
6
7
8
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<meta http-equiv="Content-Language" content="fr-fr" /> <-- Pour le français -->
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<meta http-equiv="Content-Language" content="en-gb" /> <-- Pour l'anglais -->
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<meta http-equiv="Content-Language" content="es-es" /> <-- Pour l'espagnol -->