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;

    }

    • Official Post

    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 :/

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!