dynamisches sklarieren von im Beitrag hochgeladenen Bildern

  • Hallo liebe WP-Freunde,
    ich erarbeite mir gerade ein responsive-Design für mein eigenes Theme. Ich habe ein Problem mit der Skalierung der Bilder, die ich innerhalb meinen Posts hochgeladen habe.

    Normalerweise ist das Skalieren mit max-width:100% schnell geregelt - nur eben hier nicht.

    Die Beitragsbilder richten sich nicht nach dem content-<div> aus. Stattdessen sieht es so aus als ob die zugewiesenen Breiten- und Höhenangaben als übergeordnetes <div> angesehen werden.

    Bsp: ein Bild hat eine Breite von 1024px. Mit max-width:100% verändert sich die Breite des Bildes jedoch gar nicht. Es ist nicht dynamisch.
    Verändere ich die Breite (etwa durch max-width:80%), so verändert sich die Breit des Bildes entsprechend der Ausgangsbreite (also 80% von 1024).

    Ich weiß nicht, wie ich die Bilder skalieren kann, damit sie sich dem Content anpassen und nicht den eigenen Größenverhältnissen.

    Für Anregungen und Lösungsvorschläge bedanke ich mich schon einmal im Voraus.

    Beste Grüße

    • 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

  • Ein Link zur Problemseite und man könnte Dir schnell helfen. Vermutlich stimmt beim übergeordneten Div schon die Breite nicht.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • in deiner Frage ist ein Widerspruch!

    entweder wird das Bild mit max-width:100% skaliert, also höchstens in Originalgröße angezeigt

    oder wie du wohl willst

    Zitat

    damit sie sich dem Content anpassen und nicht den eigenen Größenverhältnissen

    also grundsätzlich auf Contentbreite also Content füllend gezerrt, egal was für eine Größe das Bild hat

    wäre dann nicht max-width:100% sondern width:100%

  • Hallo,
    erstmal vielen Dank für die Antwort.

    also grundsätzlich auf Contentbreite also Content füllend gezerrt, egal was für eine Größe das Bild hat

    Ja, das ist genau das, was ich möchte. Ich habe max-width und width ausprobiert und beide verhalten sich bei mir identisch. Allerdings nicht so, wie ich es möchte.

    Ich schicke dir mal den Link zu meinem Problem: vielleicht kannst du mir hier noch einmal weiterhelfen.
    http://nuestra-america.de/dritter-beitrag/

    Das Bild soll sich entsprechend des übergeordneten <div class="single-content">-Elementes anpassen. Leider macht es das bisher noch nicht.

    Beste Grüße

  • nun du formatierst die Bilder verschieden

    wenn du Grundsätzlich alle Bilder großgezerrt haben willst, formatiere dies allgemein so, statt außerhalb des Contents ein neues div zu öffnen

  • Hi,
    vielen Dank für den Hinweis. Ich habe mittlerweile auch einen Lösungsweg gefunden. Ich habe einfach die Größenverhältnisse der hochgeladenen Bilder im WP-Backend an die Breite meines Content-<div> angepasst. Das hat ebenfalls funktioniert. Letztendlich war die Lösung doch einfach - man muss nur drauf kommen ;)

Jetzt mitmachen!

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