[ERLEDIGT] Vier Bilder nebeneinander

[MichiLetsPlay]

Hallo

ich habe vier Bilder, die ich nebeneinander anzeigen möchte. Das Problem dabei stellt das DIV, in dem sie sich befinden:

#box {
    padding: 5px;
    height: 450px;
    width: 1000px;
    overflow: scroll;
}

#box img {
   width: 800px;
   height: 400px;
   float: left;
}

Html:

<div id="box">
    <img src="bild1.png" />
    <img src="bild2.png" />
    <img src="bild3.png" />
    <img src="bild4.png" />
</div>

Die Bilder werden untereinander angezeigt. Das liegt warscheinlich an den Größenverhältinissen.

Wie kann ich sie trotzdem nebeneinander anzeigen lassen?

Danke schonmal für Hilfe!

 

[bdt600]

4 x 800px = 3200px
Das passt irgendwie nicht in eine 1000px breite Box

 

[MichiLetsPlay]

Deshalb das 'overflow: scroll;'

 

[AzRaIL]

Dann gib der #box 3200px Breite und overflow:auto;

http://jsfiddle.net/zcLPU/

 

[threadi]

Oder gibt den Bildern statt float die Eigenschaft "display: table-cell". Dadurch sollten sie nebeneinander gezwungen werden, egal wie groß die umgebende Box ost.

 

[MichiLetsPlay]

Beides klingt sinnvoll, beides funktioniert leider nicht :(

//EDIT:
Ich habe zwischen die Bilder und das DIV einfach ein weiteres DIV geklemmt; damit funktioniert alles!

Danke trotzdem für eure Hilfe!!