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!
system
8. Februar 2014 um 17:26
2
4 x 800px = 3200px
Das passt irgendwie nicht in eine 1000px breite Box
Deshalb das ‚overflow: scroll;‘
AzRaIL
8. Februar 2014 um 17:50
4
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
//EDIT:
Ich habe zwischen die Bilder und das DIV einfach ein weiteres DIV geklemmt; damit funktioniert alles!
Danke trotzdem für eure Hilfe!!