1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Klassen sich nicht mit CSS verschieben

Dieses Thema im Forum "Design" wurde erstellt von RimFrost, 20. Juni 2017.

  1. RimFrost

    RimFrost Well-Known Member

    Registriert seit:
    21. März 2011
    Beiträge:
    166
    Zustimmungen:
    0
    Moin!
    Nachdem mir beim letzten mal so gut geholfen wurde einfach noch ein Versuch von mir für die selbe Unterseite. :D
    Ich versuche grade die Seite https://hoerspielbaer.de/elea-eluanda/ responsive zu gestalten. Leider klappt nichts was ich einstellte.
    Ich habe testweise @media only screen and (max-width: 360px) {} eingerichtet. Im Moment stehen die beiden Klassen "elea-eluanda-box-1" und "elea-eluanda-box-23" nebeneinander. Was bei einer Breite von 360px blödsinn ist. Jetzt habe ich versucht jeder der Klassen eine width von 100% zu geben. Brachte nix, beide waren noch immer nebeneinander. Dann float: left zusätzlich in beide reingeschrieben (selber Effekt). Dann nur float ohne width. dann display: flex und flex: wrap (hier haben sich die Klassen ineinander verschoben, aber waren noch immer nebeneinander). Dann noch zusätzlich float: left reingemacht. Auch das änderte nichts.

    Übersehe ich grad was oder mach ich was komplett falsch?

    Über Hilfe freue ich mich
     
  2. TKalwass

    TKalwass Member

    Registriert seit:
    10. April 2017
    Beiträge:
    16
    Zustimmungen:
    0
    blubb bzw.: Wenn deine Box so aussieht

    .box { float: left;}

    bz.w nicht so: blubb²
     
  3. RimFrost

    RimFrost Well-Known Member

    Registriert seit:
    21. März 2011
    Beiträge:
    166
    Zustimmungen:
    0
    Hilft mir nicht weiter
     
  4. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Probier mal sowas (ohne die o.g. flex Angaben):

    Code:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
     
  5. RimFrost

    RimFrost Well-Known Member

    Registriert seit:
    21. März 2011
    Beiträge:
    166
    Zustimmungen:
    0
    Nein bringt nix. Bleibt alles gleich
     
  6. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Bitte alles beachten:
    Derzeit hat .elea-eluanda nach wie vor noch display: inline-flex; und flex: wrap;
     
  7. RimFrost

    RimFrost Well-Known Member

    Registriert seit:
    21. März 2011
    Beiträge:
    166
    Zustimmungen:
    0
    ja das kommt von dem css ohne media queries

    ah ich versuch mal den umgekehrten Weg. Erst mobile dann Desktop. Vielleicht läuft es dann besser
     
    #7 RimFrost, 20. Juni 2017
    Zuletzt bearbeitet: 20. Juni 2017
  8. b3317133

    b3317133 Well-Known Member

    Registriert seit:
    21. November 2014
    Beiträge:
    11.636
    Zustimmungen:
    1.778
    Was genau hält Dich davon ab, das im Media Query auf display: block; bzw. flex: none; zu setzen?

    Ansonsten würde sich ggf. eher ein HTML/CSS Forum empfehlen, die Frage hat mit WordPress selbst nichts zu tun.
     
    #8 b3317133, 20. Juni 2017
    Zuletzt bearbeitet: 20. Juni 2017
  9. RimFrost

    RimFrost Well-Known Member

    Registriert seit:
    21. März 2011
    Beiträge:
    166
    Zustimmungen:
    0
    ähm Dummheit vielleicht :D
    Danke das wars :D
    Hab ich nicht bedacht
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden