Scrollbarer DIV mit Bildern

[dfb001]

Hallo,
Ich habe ein kleines Problem, unzwar möchte Ich in einem DIV mehrere Bilder nebeneinander anordnen, sodass man nicht vertikal scrollt sondern horizontal. Nun kriege Ich es allerdings nicht hin das sich die bilder seitlich anordnen. Ich stelle hier den Code einmal rein und hoffe das Ihr mir helfen könnt.

<div id="container">

<img class="picture" alt="Bild" src="bild.jpg" />
<img class="picture" alt="Bild" src="bild.jpg" />
<img class="picture" alt="Bild" src="bild.jpg" />
<img class="picture" alt="Bild" src="bild.jpg" />
<img class="picture" alt="Bild" src="bild.jpg" />
<img class="picture" alt="Bild" src="bild.jpg" />
<img class="picture" alt="Bild" src="bild.jpg" />
<img class="picture" alt="Bild" src="bild.jpg" />
<img class="picture" alt="Bild" src="bild.jpg" />
<img class="picture" alt="Bild" src="bild.jpg" />

</div

#container {
    background-color: red;
    height: 200px;
    width: auto;
    overflow-x: scroll;
    overflow-y:hidden;
}

.picture{
    height: 100%;
}

Danke für eure Hilfe

 

[Tronjer]

Du musst das Div in Zeile 14 schon schließen. Ansonsten sollten die Bilder bei obigem Code nebeneinander stehen.

 

[dfb001]

habe ich jetzt gemacht, jedoch kann ich den div immer noch nicht horizontal scrollen, bzw. es werden nicht alle bilder angezeigt. Als Info vielleicht noch, es sind mehr Bilder als "normal" in den div passen würden. Die Bilder die nicht zu sehen sind werden einfach abgeschnitten und es wird keine aktive untere scrollbar angezeigt.

 

[threadi]

Wenn Du horizontal scrollen willst musst Du eine feste Breite für diesen Bereich definieren.