Hallo Zusammen,
ich bin scheinbar einem Floatproblem ausgeliefert, das ich irgendwie nicht lösen kann.
Ich habe auf der Webseite 4 Bilder (4 Inhaltselemente) in einen Artikel eingefügt (screenshot 1). In den Bildeinstellungen habe ich im Feld "Bildgröße" die Option proportional gewählt und dann die Breite von 180px ausgewählt (screenshot 2). Dann habe ich allen 4 Inhaltselementen eine gleiche Klasse gegeben und im CSS "float: left;" eingefügt. Dahinter habe ich auch nicht vergessen ein "<br class="clear">" einzufügen, denn alle weiteren Inhalte danach erscheinen schön sauber darunter.
-> Auf großen screens sieht alles wie gewünscht aus.
Problem: Wenn ich mir das aber auf dem Handy bzw. auf sehr verkleinertem Browserscreen ansehe, sind nicht 4 Bilder nebeneinander sondern - wie zunächst auch von mir geplant - zwei Bilder nebeneinander. ABER: Das letzte Bild / das vierte Bild in der zweiten Reihe passt sich aber nicht an!!!! Es ist viel zu groß! Siehe screenshot 3.
Woran kann das denn liegen? Ich habe alles mögliche probiert, aber ich komme nicht weiter.
Kann da jemand helfen?
Vielen Dank an die Helfer schon mal im Voraus!!!
Gruß!
Robby
Lesezeichen