WordPress kommt nicht mit prozentualen Angaben zurecht

  • Hallo Leute,

    ich habe mich für einen Kunden mal daran gemacht ein Theme zu erstellen. Das HTML-Template steht soweit nur habe ich auf einmal folgendes Problem:

    Sämtliche %-Angaben werden nicht beachtet. Kann mir jemand helfen?

    Bsp.:

    Code
    <img style="height: 50%; width: auto;" src="wp-content/themes/XX/img/XX.png">

    <- Das Bild wird in voller Größe dargestellt.

    Desweiteren werden div's welche feste, allerdings relative Höhen haben falsch dargestellt.

    Code
    #header_wrapper {
        height: 20%;
        background-color: #5092c9;   
    }


    Bin euch für eure Hilfe sehr dankbar!

    • 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

  • Hast du allen Elternelementen eine Höhe von 100% gegeben? Oder wovon sollen 20% genommen werden?

    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]

  • Das hat nichts mit WordPress zu tun. ;-)

    Prozente beziehen sich auf den zur Verfügung stehenden Bereich. Wenn kein Bereich mit einer bestimmten Höhe definiert ist, kann die Höhe eines Elements nicht mit height mit einer Prozentangabe definiert werden.

    P. S. Sorry SirEctor, ich habe das zur gleichen Zeit wie Du geschrieben, Du warst allerdings schneller.

    Einmal editiert, zuletzt von Edi (17. Januar 2017 um 17:37)

  • Hast du allen Elternelementen eine Höhe von 100% gegeben? Oder wovon sollen 20% genommen werden?

    Danke für die schnelle Antwort.

    Mit 20% meine ich dementsprechen die Höhe vom Bildschirm.

    Und mein #header_wrapper ist ein Elternelement, als reines HTML Template hat das auch wunderbar funktioniert.
    Nachdem ich es allerdings WP-ready gemacht habe funktionieren diese Höhenangaben nicht mehr.

  • 20% von der Bildschirmgröße? Versuch es mal mit 20vh, das sollte für deine Zwecke besser klappen. Aber wenn es so schon passt, dann reicht es.

    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]

Jetzt mitmachen!

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