Headerbild unter Android fehlerhalfte Darstellung

  • auf der Seite floeth-immobilien.de hab ich das Headerbild "von Hand" in die header.php eingesetzt. Das iphone kann es sauber umsetzen, nur Android macht daraus murks.

    PHP
    <body <?php body_class(); ?>>
    <div id="page" class="hfeed site">
        <header id="masthead" class="site-header" role="banner">
            <hgroup>
                <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo bloginfo('stylesheet_directory');?>/images/header_neu.jpg" alt="<?php bloginfo( 'name' ); ?>" width="100%" height="100%"/></a></h1>
                <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
            </hgroup>
    
    
            <nav id="site-navigation" class="main-navigation" role="navigation">


    Was hab ich hier falsch gemacht? Hat jemand einen Ansatz?

    • 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

  • Hi Geri

    Sieht so aus als würde der Stockbrowser unter Android (bis 4.1.2) das height: 100%; "wörtlich" nehmen. Unter Chrome auf Android bzw. auch ab 4.2 (Chrome ist ab da ja der Standardbrowser) wird bei mir alles korrekt angezeigt.

    Woran das liegt? Mhmm, um ehrlich zu sein habe ich da keine Ahnung! Ist denn die Höhenangabe wirklich notwendig - was passiert wenn du sie weg lässt? Oder eventuell ins stylesheet packst - sodass sie via MediaQ "überschrieben" werden kann? Was ist wenn du statt jpg ein png verwendest?

    Wie gesagt ist nur im Stockbrowser so (bis 4.1.2) -> irgendwann erledigt sich das Thema dann eh von selbst. Ist allerdings momentan auch keine Lösung...

    LG, pixselig

Jetzt mitmachen!

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