Positionnement horizontal qui ne fonctionne pas ?

Salut,

Voici mon code CSS :

.divPageInformations{
    clear:both;
    margin-top:5px;
    width:994px;
    height:370px;
}
.divPageInformations .divPreview{
    position: absolute;
    padding:5px;
    width:994px;
    height:370px;
}
.divPageInformations .divForm{
    float:left;
    margin-left:auto;
    margin-right:auto;
    height:341px;
    width:491px;
    background-image:url(/cms/sitemedia/BGPannelPageInfo.png);
}

le divForm ne se centre pas par rapport à div Page information, je ne trouve pas mon erreur.

Pourriez-vous m'aider ?

D'avance merci

Laurent

Laurent Jordi a écrit :
le divForm ne se centre pas par rapport à div Page information, je ne trouve pas mon erreur.

C'est normal : il est en positionnement flottant. Supprime le float: left pour que les marges automatiques prennent effet.

j'ai enlevé le float left et ça marche mais je ne comprends pas pourquoi...

Laurent Jordi a écrit :
j'ai enlevé le float left et ça marche mais je ne comprends pas pourquoi...

La spécification CSS 2.1 dit ceci, à propos du calcul des marges pour les éléments flottants :

La spécification CSS 2.1 a écrit :
If 'margin-left', or 'margin-right' are computed as 'auto', their used value is '0'.