nicht angemeldet
Hi,
ich habe ein Problem mit meinen Fotoalben: Die Thumbnails will ich in "kleine" Divs einbinden, damit sie einen Rahmen bekommen:
<div id="rahmen">
<img src="fotoalben/2007_06_20/kl/2007_06_20_0003.JPG" border=0 alt="">
</div>
Die Thumbnails selber sind von einem Div umrahmt:
<div id="inhalt1">
<p class="p1"><span>
alle Bildereinträge
</span></p>
</div>
Jetzt dachte ich, daß durch die vielen Bildeinträge, das <div id="inhalt1"> aufgespannt wird, die Bilder also innerhalb dieses Divs erscheinen.
Allerdings kann man, wenn man die angebene URL folgt, sehen, daß das nicht der Fall ist. Das <div id="inhalt1"> erscheint, als ob kein Inhalt erkennt wird und die Bilder liegen außerhalb.
http://www.jochen-lipps.de/test/test.html
Das Div für ein Bildeintrag ist so definiert:
#rahmen {
position: relative;
background: #ffffff;
margin: 2px;
padding: 5px;
border: 4px double Silver;
float: left;
}
Das ist sicher ein Anfängerfehler (und ein Anfänger in CSS bin ich auch), aber ich komme einfach nicht drauf.
Wenn ich "float: left;" entferne, sind die Bilder zwar innerhalb des Divs, die Seite wird angezeigt wie sie soll, aber es ist dann jeweils nur ein Bild in einer Zeile.
http://www.jochen-lipps.de/test/test2.html
Die Float-Anweisung ist mir dahingehend wichtig, daß ich mir mit ihr keine Gedanken um die Formatierung der Seite machen müsste, da einfach die zur Verfügung stehende Breite von den Bildern ausgefüllt wird, auch wenn ich es sie breiter mache oder schmäler.
Kann mir da jemand weiterhelfen?
Danke!
:-)
LG
Jochen
Gernot Back