Container 100%, Inhalt 100%?

[Edgar Ehritt]

Hallo Daniel,

Ich habe einen Container der die Höhe 100% hat. Innerhalb des Containers soll ein Head-Bereich, ein Content-Bereich und ein Footer-Bereich sein. Footer und Head sollen eine fixe höhe haben und die Content-höhe sollte sich dem Inhalt anpassen (bzw. immer 100% höhe haben). Ist das überhaupt möglich?

klar:

body,html{

padding:0px;
margin:0px;
height:100%;
text-align:center;
}

#container{
margin:auto;
width:800px;
min-height:100%;

/*  height:auto !important;*/

height:100%;
background-color:#ff0000;
}

#head{
float:left;
height:200px;
width:800px;
background-color:#00ff00;
}

#content{
float:left;
width:800px;

/*  height100%;*/
    height:100%;

background-color:#000000;
}

#footer{
float:left;
height:100px;
width:800px;
background-color:#0000ff;
}

  
Vermutlich ist das aber nicht das, was Du willst. Die Angaben der Dimension (`height:*; width:*`{:.language-css}) eines Elements, das nicht in einer Tabelle (sei es `<table/>`{:.language-html} oder `display:table`{:.language-css}) definiert ist, bezieht sich immer auf den [umschließenden Block](http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/kap10.html#heading-10.1%A0).  
  
  
Gruß aus Berlin!  
eddi  

-- 
Der Verweis auf die Grundlagen Deines Handelns, ist das Joch zur Freiheit.  
Aber so gilt: Allen Leuten Recht getan, ist keine Kunst, weil's jeder kann.