nicht angemeldet
Hallo,
mein Problem:
Ich habe eine ausschliesslich über CSS gestaltete Seite und möchte eine Liste von Elementen so darstellen, dass diese ähnlich wie bei einem Filmstreifen innerhalb ihres Containers horizontal nebeneinander erscheinen und ein horizontaler Scrollbar erscheint, wenn mehr Elemente angezeigt werden sollen als nebeneinander in den Container passen.
Eine Seite die das mit Frames löst, was für mich keine Option ist, ist z.B. http://www.maxhetzler.com/index.php?pn=exhibitions&show=current&id=207
Aber diesen Effekt möchte ich erreichen.
Meine Source sieht z.B. so aus:
<div id="main">//bekommt im CSS eine bestimmte Breite
<ul>
<li>
<div class="Image"><img src="1.jpg"></div><h4>1</h4></li>
<div class="Image"><img src="2.jpg"></div><h4>2</h4></li>
<div class="Image"><img src="3.jpg"></div><h4>3</h4></li>
<div class="Image"><img src="4.jpg"></div><h4>4</h4></li>
<div class="Image"><img src="5.jpg"></div><h4>5</h4></li>
</ul>
</div>
Nun soll also das "main"-div die 5 images nebeneinander anzeigen und dabei, weil die zusammen breiter sind als das main-div, einen Scrollbar für main-div erzeugen.
Ich finde immer nur Lösungen, die dann automatisch zu einem Umbruch führen, wenn die Breite von main-div erreicht ist, egal ob ich den einzelnen LIs float-Angaben mitgebe oder nicht.
Jeder konstruktive Hinweis wird mich in Dankbarkeit zum Jubeln bringen :-)