Vier Bilder nebeneinander

Hallo

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

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

#box img {
width: 800px;
height: 400px;
float: left;
}
[/CODE]

Html:
[HTML]





[/HTML]

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!

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

Deshalb das ‚overflow: scroll;‘

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

http://jsfiddle.net/zcLPU/

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

Beides klingt sinnvoll, beides funktioniert leider nicht :frowning:

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

Danke trotzdem für eure Hilfe!!