CSS – Bild overfloated bei transform 1.5 nach unten trotz overflow: hidden

    • 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

    das Bild bleibt schon im div, siehst du wenn du dem div ein Border mit gibst

    Problem ist, das allgemein für deine Bilder mehrere margin-bottom definiert sind

    Code
    #content img {
    margin-bottom: 30px;
}


    und

    Code
    img {
    height: auto;
    margin-bottom: 10px;
    max-width: 1000px;
    width: 100%;
}

    somit in deinem Beispiel 30px Abstand zum unteren Div-Rand formatiert sind, diese werden dann durch den Hovereffekt gefüllt

    somit einfach für deine Zoom-Bilder das margin-bottom auf 0 stellen

    also

    CSS
    img.zoom.scaleone {
    margin-bottom: 0 !important;
}

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden