Bild verdeckt Text auf Mobile-Ansicht

    Hallo zusammen

    Auf meiner Webseite verdeckt ein Bild eine Textbox. Ihr seht dies das erste Mal unter dem Punkt "Ziele", wenn man das Browserfenster so schmal macht, dass Bild und Text nicht mehr nebeneinander Platz haben, verdeckt das Bild den Textkasten. Eigentlich müsste das Bild dann aber oberhalb der Textbox sein.

    Kann mir jemand helfen, was ich am Code anpassen muss, damit dies geschieht?

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    Der Textkasten mit "Ziele" wird bei schmalen Bildschirmen nicht vom Bild verdeckt, sondern er ist unterhalb des Bildes, ist dann aber wg. [FONT=Courier New]overflow: hidden[/FONT] bei [FONT=Courier New].one[/FONT] nicht mehr sichtbar.

    Der Bereich mit dem Bild und "Ziele" ist per inline CSS auf eine fixe Höhe von 380px eingestellt. Das bringt offenbar einiges durcheinander.

    Ok, Danke für die Hinweise.

    Wenn ich overflow:visible einstelle unter
    @Media only screen and (max-width: 767px)
    grid.css:1026 .one {

    so sehe ich zwar den Ziele-Kasten wieder, der ist dann jedoch mit dem Textkasten weiter unten auf der Seite überlagert.

    Wenn ich die fixe Höhe von 380px entferne, sehe ich den Ziele-Kasten wieder, aber das Bild ist weg.

    Was muss ich genau ändern?

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden