28172 sujets

CSS et mise en forme, CSS3

Centrer une div dans une autre

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:

<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.
Salut apt,

Tu n'as pas mis de doctype. C'est pour ça que ça fonctionne un peu comme ça veut...
J'ai rajouter :

<!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 :

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


en n'importe quelle langue ?

Merci.
Sujet clos
Aller à