[Erledigt] Flex-Box mit dynamischem und fixed Spalten

  • Hallo zusammen,


    ich habe da mal ein Problem, an dem ich mir gerade die Zähne ausbeiße, Blackout.


    In einem Container habe ich drei Spalten, ein Image, Text und ein Button. Ist der Container breiter als 800px, sollen alle drei Spalten nebeneinander sein. Das ist ja noch kein Problem. Wenn der Container aber kleiner als 800px wird, soll der Button tiefer rutschen und unter dem Text stehen und nicht unter dem Image. Habe mal ein Bild dazu gepackt, damit ihr besser versteht, was ich meine.


    html-seminar.de/woltlab/attachment/2033/


    Danke für jeden Tipp

    M.Scatello

  • Nur eine Idee.. warum setzt du nicht zwischen dem Text und dem Button einen weiteres, leeres DIV, dass über 800px eine Breite von 0px hat und bei kleineren Bildschirmen so breit wird, wie das Bild? Das gewünschte Verhalten sollte sich dann mit 'flex-wrap' und etwas testen einrichten lassen.

  • Danke Sailor

    habe aber gerade die Lösung zusammengebastelt:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!