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.

[Beat]

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/

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.

Der CSS "Fehler" ist trivial.
Deine 138 Fehler im HTML sind es nicht.
Korrigiere dein HTML.

Deinem betroffenen Bereich gibst du einfach eine geeignete CSS overflow Eigenschaft und gut ist..

mfg Beat

[w0mb4t]

Der CSS "Fehler" ist trivial.
Deine 138 Fehler im HTML sind es nicht.
Korrigiere dein HTML.

Deinem betroffenen Bereich gibst du einfach eine geeignete CSS overflow Eigenschaft und gut ist..

mfg Beat

Hi, danke für die schnelle Antwort.

Die 138 Fehler kommen durch das php script. Da dies nicht von mir ist und ich mich mit php nur begrenzt auskenne, kann ich dort keine Stellung zu nehmen.

Deine Idee mit dem Overflow habe ich auch schon ausprobiert. Das Problem ist, dass mich dabei die Scrollleiste stört.

Ich suche nach einer Lösung, dass die Seite als ganzes ohne Scrollleiste anzeigt.

Gruß Robert

[Beat]

Die 138 Fehler kommen durch das php script. Da dies nicht von mir ist und ich mich mit php nur begrenzt auskenne, kann ich dort keine Stellung zu nehmen.

Au du sch...öne Web 2.0 Beta Welt

Deine Idee mit dem Overflow habe ich auch schon ausprobiert. Das Problem ist, dass mich dabei die Scrollleiste stört.
Ich suche nach einer Lösung, dass die Seite als ganzes ohne Scrollleiste anzeigt.

Dann tausche deine height:100% Angaben in min-height:100% Angaben um.

mfg Beat

[w0mb4t]

Dann tausche deine height:100% Angaben in min-height:100% Angaben um.

mfg Beat

Hi Beat, danke nochmal für den Versuch, aber auch ein min-height:100%; bringt keine verbesserung.

Mit kommt es so vor, als würde erst das css / html gerüst geladen werden und dann der php code.

Gruß Robert

[ChrisB]

Hi,

Mit kommt es so vor, als würde erst das css / html gerüst geladen werden und dann der php code.

Das ist natürlich Quark, denn PHP verrichtet seine Arbeit auf dem Server, und der Client erhält erst dann Daten, wenn es damit fertig ist.

MfG ChrisB