3 Spalitges Layout funktioniert nicht wieso?

[waldbeere]

Hallo!

Ich hab bei meiner Homepage eine navi-leiste, einen content und einen teaser.

Content und navi leiste sind richtig nur wenn ich dann den teaser neben den content setzen will funktioniert nichts mehr. Hier mal mein css sheet:

Ich hab bei meiner Homepage eine navi-leiste, einen content und einen teaser.  
  
Content und navi leiste sind richtig nur wenn ich dann den teaser neben den content setzen will funktioniert nichts mehr. Hier mal mein css sheet:  
  
  
Code:  
@charset "utf-8";  
/* CSS Document */  
  
body{  
width:100%;  
height:100%;  
margin:0%;  
}  
  
html{  
width:100%;  
height:100%;  
}  
  
  
.balkenoben{  
width:100%;  
height:15%;  
background-color:#e6fafa;  
}  
  
.navi{  
width:12%;  
height:85%;  
float:left;  
background-color:#e6fafa;  
}  
  
.contend{  
width:88%;  
height: 81%;  
float:right;  
}  
  
.footage{  
width:88%;  
height:4%;  
background-color:#e6fafa;  
}  
  
.teaser{  
}

Bei Teaser steht noch nichts drinen, weil ich bis dato keine ahnung hab was ich hinein schreiben soll. Hab schon alles mögliche mit Float und Clear in alle Variationen versucht.

Das grün ist eine Symbol farbe. und ist der content. der banner links unten soll rechts neben den content

Vl kann mir jemand helfen.

Danke im Voraus