nicht angemeldet
Ich habe ein Problem mit der Verschachtelung von Divs! Ich arbeite an einer Fotogallerie mit mehreren Alben, die je nach Album die nötigen Bilder ausgibt - was auch bestens funktioniert.
Allerdings will ich das Ganze auch noch in einem "großen" Div-Container und die Gallerie auf der Seite zentrieren zu können! Und hier fangen die Probleme an:
Das ist der Code des PhP-Skripts:
<div class="gallery">
<?php
include $pfad."Infos.txt";
for($i=10; $i<=$piczahl+10; $i++){?>
<div class="thumb"><img src=<?php echo """.$pfad."Thumbs/Thumb".$i.".jpg""; ?>></div>
<?php
}?>
</div>
der Quell-Code im Browser sieht dann wie folgt aus:
<div class="gallery">
<div class="thumb"><img src="..."></div>
<div class="thumb"><img src="..."></div>
<div class="thumb"><img
<div class="thumb"><img src="..."></div>
<div class="thumb"><img src="..."></div>
</div>
</div>
insofern also noch alles eigentlich so, wie ich es mir vorgestellt habe.
Hier noch die entsprechenden Style Sheets:
DIV.thumb{
float:left;
margin: 10px;
}
DIV.gallery{
border:4px solid black;
width: 410px;
height: auto;
margin: 0px 10px 0px 10px;
text-align:center;
}
Das Ergebnis ist aber nicht unbedingt das, was ich erwartet habe:
http://www.oxp.de/view/pic/39798/med_713186.jpg
Der "Hauptcontainer" wird also auf einen Bereich mit 0px Höhe reduziert - und die eigentlich enthaltenen Elemente werden außerhalb angezeigt.
Das Ganze treibt mich echt schon in den Wahnsinn! Ich habe schon alles versucht, was mir eingefallen ist - aber ich verstehe nicht, wo der Fehler liegt! Ich bin noch ziemlich frisch, was CSS und HTML angeht und wäre wirklich dankbar, wenn mir jemand helfen könnte!
Marc