PHP sprengt CSS Layout

[w0mb4t]

Hallo zusammen,

ich habe folgendes Problem.

Ich habe mir ein kleines CSS basierendes Layout gebastelt. Ohne Inhalte wird dieses auch sauber dargestellt.

http://w0mb4t2.ath.cx:8888/test_include/nocontent.php

nun möchte ich in der mitleren Spalte eine PHP Galerie laufen lassen.
Meine Hoffnung war, dass sich das height:100%;das ich durchweg benutzt habe auch an den php content anpasst.

Wenn ich jetzt aber eine größere Menge an Bildern über das PHP Script einbinde, so bleibt das height:100%;auf der Größe meiner Auflösung stehen und nur der PHP Code wird in voller Größe angezeigt.

Bsp: http://w0mb4t2.ath.cx:8888/test_include/

Hat jemand von Euch eine Idee, wie ich den PHP Inhalt so einbinden kann, dass sich das Gesamte CSS Design auf 100% der Seite erstreckt?!

Gruß Robert

Anbei der CSS Code der Seite:

  
html, body {  
height:100%;  
margin:0;  
padding:0;  
background-color: #923233;  
}  
  
#header {  
background-color:red;  
height: 162px;  
background-repeat: no-repeat;  
}  
  
#container {  
width: 803px;  
background-color:white;  
height: 100%;  
 margin-left: 109px;  
}  
  
#links {  
margin-left: 1px;  
width:131px;  
float: left;  
background-color: white;  
height:100%;  
}  
  
#wrapper {  
width: 669px;  
float: right;  
height: 100%;  
}  
  
#main {  
width: 508px;  
float: left;  
background-color: white;  
height: 100%;  
}  
  
#rechts {  
width: 160px;  
float:right;  
background-color: #e4e4e4;  
height: 100%;  
margin-right: 1px;  
}  
  
#footer {  
background-color:orange;  
position: absolute;  
margin-left: 109px;  
clear: both;  
width: 803px;  
height: 20px;  
}  
  
#navi {  
margin-left: 1px;  
background-color:orange;  
width: 801px;  
height: 20px;  
}  
  
#logo_skizze {  
background-color:orange;  
height: 59px;  
width: 132px;  
background-repeat: no-repeat;  
margin-left: 8px;  
margin-top: 25px;  
}  
  
#links_banner {  
background-color:orange;  
width: 104px;  
height: 379px;  
margin-left: 13px;	  
}  
  
#main h1 {  
font-size: 1.3em;  
margin-top: 15px;  
margin-left: 8px;  
}  
  
#main h3 {  
font-size: 1.1em;  
margin-left: 8px;  
}  
  
#rechts h3  
font-size: 1.0em;  
margin-left: 8px;  
margin-top: 20px;  
}  
  
.main_content {  
margin-left: 8px;  
}  
  
.Adresse {  
	margin-left: 8px;  
	font-size: 0.9em;  
}  
  
.termine {  
margin-left: 8px;  
font-size: 0.9em;  
}  
  
#filter {  
}  

Der PHP Code beinhaltet keine Fixen Höhenangaben sondern diese werden auf Grund der Menge der Bilder berechnet.

Vielleicht habe ich einen Denkfehler in meinem CSS. Aber leider finde ich Ihn nicht.