header automatisch an größe anpassen

  • hey ho :)

    kurze frage ich nutze als header ein bild was ich unter der stil bearbeien --> css dort eingefügt habe .

    jedoch passiert nicht wirklich was

    /*header Code */

    .pageHeader{

    background-image: url("http://******/images/header.jpg");

    width: 100%;

    height: 350px;

    }

    hab schon height; auf auto gestellt ohne erfolgt . und "cover" ebendso :/

    kann da wer helfen ?

    LG

  • hey ,

    ich bins wieder .

    jetzt läuft das zwar in der mobilen version , jedoch ist die höhe zu schmall :/

    .pageHeader {

    width: 100%;

    height: 348px;

    background-image: url('http://xxxxx/images/header.jpg');

    background-repeat: no-repeat;

    background-size: contain;

    background-color: white;

    }

    • Offizieller Beitrag

    Mit Hilfe von Media-Queries lassen sich abhängig von der Displaygröße unterschiedliche Anweisungen vergeben, anbei eine Liste der typischen vorgefertigten Bedingungen dafür:

  • Mit Hilfe von Media-Queries lassen sich abhängig von der Displaygröße unterschiedliche Anweisungen vergeben, anbei eine Liste der typischen vorgefertigten Bedingungen dafür:

    danke , hast du evtl mal ein beispiel wie ich da bild inklusive größe da einfüge `?

    bekomme mit meiner art immer eine fehlermeldung :/

Jetzt mitmachen!

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