Float left funktioniert nicht so wie ich will

reinhardp · 13. November 2018

Hallo Allerseits,

Auf der linken Seite habe ich ein div mit Text und auf der rechten Seite ein Image.

Wenn ich ich jetzt die Breite meines Browsers kleiner mache sollte eigentlich das

Bild unter dem Text angezeigt werden.

Aber Leider tut es das nicht. Der Text wird zusammengeschoben.

Hat vielleicht jemand eine Lösung dafür? Ich komme einfach nicht drauf was ich i CSS da falsch mache.

Außerdem ist das Bild in der Höhe zu groß. Ich habe da ein Beispiel im Internet das ich gerne für meine

Diplomarbeit verwenden möchte, zu mindest Teile davon.

Aber ich komme mit dem sch.... CSS, HTML nicht wirklich weiter.

Ich kapier die Frontendsachen einfach nicht,

Danke für Eure Hilfe,

Reinhard

P.S.: ich bin mehr backend als frontend Entwickler.

Sempervivum · 13. November 2018

Dafür gibt es mehrere Lösungen:

Auf float verzichten und dem div mit dem Text display: inline-block und eine minimale Breite min-width zuweisen. Dann sollte der Browser beides untereinander darstellen, sobald die Fensterbreite zu klein wird.

oder

Auf Float verzichten und mit Flexlayout beides nebeneinander anordnen und mit einer Mediaquery bei einer geeigneten Fensterbreite auf Darstellung untereinander umschalten.

reinhardp · 14. November 2018

Zitat von Sempervivum

Auf Float verzichten und mit Flexlayout beides nebeneinander anordnen und mit einer Mediaquery bei einer geeigneten Fensterbreite auf Darstellung untereinander umschalten.

Hi, das würde ich beorzugen, aber mit flex kenne ich mich überhaupt nicht aus. Gibt es da ein Tutorial das auch alle flex Befehle beschreibt, bzw. wie man was anwendet?

Danke,

Reinhard