[Résolu] Height des div en % tout plats

Salut, j'ai créé une page ici http://scratchpad.io/abounding-distance-9191
Mais en la mettant sur mon site et ba toutes les notions de hauteurs ont disparu !

Aidez moi s'il vous plait

  body {
  padding-top: 80px;
  font-family: cursive;
  background-size: cover;
  background-color: black;
}
h1, h2 {
  display: inline-block;
}
h1 {
  font-size: 50px
}
h2 {
  font-size: 20px;
}
span {
  background: #fd0;
}
div{
 border:1px solid red;
 color:white;
}
.tete{
  width:80%;
  height:15%;
  margin-top:0px;
  top:0px;
  position:relative;
  text-align:left;
  padding-left:100px;
  padding-bottom:25px;
  border:0px solid red;
  }
.contenu{
  width:100%;
  height:70%;
  margin-top:-10px;
  position:relative;
  }
  .gauche{
  margin-top:-1px;
  margin-left:-1px;
  float:left;
  width:40%;
  height:100%;
  border-radius:10px;
  }
  .profilegauche{
    float:left;
    height:40%;
    width:35%;
    border:1px solid blue;
    border-radius:10px 0px 0px 0px;
    }
  .profiledroite{
    float:right;
    height:40%;
    width:63%;
    right:0px;
    border:1px solid blue;
    border-radius:0px 10px 0px 0px;
    }
  .profileinfos{
    width:99%;
    border:1px solid yellow;
    height:59%;
    position:relative;
    border-radius:0px 0px 10px 10px;
    }
.centre{
  margin:-2px;
  width:20%;
  position:relative;
  float:left;
  height:100%;
  bottom:-1px;
  }
.droite{
  margin-top:0px;
  float:right;
  width:40%;
  margin-top:-1px;
  margin-right:-1px;
  height:100%;
  }
.pied{
  height:5%;
  bottom:-1px;
  margin-bottom:-1px;
  margin-left:50px;
  margin-right:50px;
}

ET

<div class="tete"><h1>Titre</h1></div>
<div class="contenu">
<div class="gauche">
<div class="profilegauche">pg</div>
<div class="profiledroite">pd</div>
<div style="clear:both;border:0px;"></div>
<div class="profileinfos">pdfvdflkv <br>dfvldfkvldi</div>
</div>
<div class="centre">centre</div>
<div class="droite">droite</div>
</div><br>
<div class="pied">pied</div>

Tout est ratatiné...
Modifié par to175 (16 Dec 2013 - 10:18)