Container soll mit Inhalt wachsen

[Sascha79]

Hallo an alle,

ich möchte erreichen das der Container mit dem Inhalt mitwächst.
Habe ich mit folgendem Text auch soweit geschaft.

* {
  margin:0;
  padding:0;
}

html {
  width:100%;
  margin:0;
  padding:0;
}

body {
  height:100%;
  margin:0;
  padding:0;
  background-color:#ffffff;
  font-family:Times New Roman, Sans-Serif, Verdana;
}

h1 {
  font-size:20px;
  text-align:center;
}

#container {
  width:780px;
  height:100%;
  margin:0 auto;
  padding:0;
  background-color:#ffffff;
  border:1px solid #000000;
}

#header {
  width:500px;
  height:100px;
  margin:0 auto;
  padding:0;
  background-color:#ffffff;
  border:1px solid #000000;
}

#content {
  width:500px;
  min-height:600px;
  margin:0 auto;
  padding:0;
  background-color:#ffffff;
  border:1px solid #000000;
}

#footer {
  width:500px;
  height:100px;
  margin:0 auto;
  padding:0;
  background-color:#ffffff;
  border:1px solid #000000;
}

Nun wollte ich den Text etwas abspecken, nur habe ich jetzt das Problem das der Container sich nur noch der Bilschirmgrösse anpasst und nicht mehr dem Inhalt.

* {
  margin:0 auto;
  padding:0;
  }
  
html, body {
  height:100%;
  width:100%;
  background-color:#ffffff;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:1em;
  }
  
#container {
  height:100%;
  width:780px;
  border:1px solid #ff0000;
  }

#header {
  height:100px;
  width:100%;
  border:1px solid #000000;
  }
    
#content {
  min-height:600px;
  width:500px;
  border:1px solid #000000;
  }
  
#footer {
  height:50px;
  width:100%;
  border:1px solid #000000;
  }

wo liegt das Problem?

[Boris]

An der erzwungenen Höhe von 100% ... nimm height: ... raus, dann passt es sich dem Inhalt auch an.

[Sascha79]

Man macht und tut und sieht den Wald vor lauter Bäumen nicht mehr.

Manchmal ist es einfacher als man denkt.

Vielen Dank.