Webseite mit div container wird im IE nicht richtig dargestellt

[Matthias Apsel]

Hallo Martin Seidel,

ja stimmt, das geht so nicht, also mein Arbeitgeber möchte dass bei normalem Bildschirm 5 Bilder nebeneinander sind, beim Smartphone sollte das natürlich nicht gelten.

Ich weiß nicht, ob es sinnvoll ist, mich hier auch noch reinzuhängen, weil du schon sehr kompetente Hilfe hast, aber ich mach es einfach mal.

Das ist recht einfach zu lösen unter der der Voraussetzung, dass deine Bilder alle dieselben Abmessungen haben: Stecke die die Bilder in ein übergeordnetes div-Element, gib diesem eine maximale Breite (5 × Breite + 4 × Abstand) und text-align: center.

Und schon sollten sich die Bilder von selbst wie gewünscht anordnen. Wenn du nun allerdings bei zum Beispiel 5 Bildern und etwas zu schmalem Viewport die Darstellung „4 Bilder in der ersten Zeile, dann nur eins“ vermeiden möchtest, sind Mediaqueries (eventuell in Verbindung mit Flexbox) dein Freund.

bis jetzt habe ich das mit einer heigth=200px Angabe erreicht und nach dem 5. Bild mit <br> einen Seitenumbruch erreicht.

Es gibt normalerweise in einer Webseite keinen Seitenumbruch ;-) br-Elemente sind praktisch nur für Gedichte oder Adressen sinnvoll.

Was in diesem Thread schon oft gesagt wurde, gilt auch hier: Der Browser weiß selbst am besten, wie er die Inhalte anordnet.

Bis demnächst
Matthias