Margin-bottom ne fonctionne pas :(

Salut,
je teste les marges d'une page, sous ie et FF,la marge du bas n'est pas appliquée, pour quelles raisons alors que la marge du haut oui :

html,body {
    background-color: #F3F3F3;
    color: #333333;
    margin: 0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    }
    #conteneur_centre{
    width:766px;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
    }
    #global_centre {
    position:absolute;
    text-align:left;
    width:766px;
    height:auto;
    border:1px solid #FF6600;
    background-color:#FFFFFF;
    padding:6px;
    }

Bonjour,

Vu comme ca, il n'y a rien à dire, il nous voir ton test en ligne, d'autres facteurs peuvent entrer en ligne de compte.

Il n'aime peut-être pas le height:100% et le margin-bottom ensemble. Le margin-bottom te permet de faire un espace entre ton élément courrant et l'élément parent. Or si tu lui dis qu'il doit utiliser 100% de la hauteur, il se peut que ce soit mal interprété.

Tente d'enlever ton height:100% (la hauteur s'ajustera alors en fonction de ton contenu)

[edit: Mais je ne suis pas certain que cela fonctionne, cependant ça ne coûte rien d'essayer ]
Modifié par Triton (06 Feb 2006 - 17:00)

malheureusement ca fonctionne pas en enlevant le 100%.

Je vais devoir rajouter un conteneur marges en haut et en bas ..

De toutes façons ceci n'est sans doute pas utile.

au pire teste un padding-top/bottom à l'élément body.

PS : on y verrait plus clair avec le code html auquel ta css s'applique.

ca vient de position: absolute de global_centre si je l'enlève j'ai bien la marge du bas sinon il m'en met pas.

Le problème c'est que je peux pas l'enlever si je l'enlève ca foire au niveau de firefox