Linda: Hintergrundbild soll sich an Höhe und Weite des Browsers anpassen!

Hallo zusammen!

Ich bin langsam am Verzweifeln:

Mein Hintergrundfoto soll sich immer der Fenstergröße anpassen, also immer die volle Weite und Höhe des Browserfensters annehmen. Die Weite klappt, allerdings nimmt er bei der Höhe immer die gesamte Höhe des Fotos!

Kann mir jemand sagen wie hierfür die richtige CSS Formel lautet?

Vielen Dank schon mal! 😀

  1. Hallo Linda,

    Mein Hintergrundfoto soll sich immer der Fenstergröße anpassen, also immer die volle Weite und Höhe des Browserfensters annehmen. Die Weite klappt, allerdings nimmt er bei der Höhe immer die gesamte Höhe des Fotos!

    Kann mir jemand sagen wie hierfür die richtige CSS Formel lautet?

    Die gesuchte Eigenschaft heißt background-size.

    Der Wert cover bzw. contain, falls es sich nicht verzerren soll. 100% sonst.

    Bis demnächst
    Matthias

    --
    Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
    1. Danke, das hatte ich schon versucht:

      html { 
        background: url(img/slider/architect.jpg) no-repeat center center fixed; 
        
      -webkit-background-size: cover;
      
      -moz-background-size: cover;
       
       -o-background-size: cover;
       
       background-size: cover;
      }
      

      klappt aber nicht 😟

      1. Hallo Linda,

        Die vendorpräfixe können weg.

        klappt aber nicht 😟

        „klappt aber nicht 😟“ ist keine Fehlerbeschreibung. Auch mit smiley nicht. 😉

        Bis demnächst
        Matthias

        --
        Dieses Forum nutzt Markdown. Im Wiki erhalten Sie Hilfe bei der Formatierung Ihrer Beiträge.
      2. Hallo

        Einfach nur

        html { 
           background-image: url(img/slider/architect.jpg);
           background-size: cover;
        }
        

        funktioniert wenn die Pfadangabe und der Dateiname richtig sind.

        Ansonsten liegt das Problem an anderer Stelle in deinem Quelltext, den du uns aber vorenthälst.

        Gruss

        MrMurphy

  2. Kann mir jemand sagen wie hierfür die richtige CSS Formel lautet?

    background-size: cover;

    1. Hallo,

      Kann mir jemand sagen wie hierfür die richtige CSS Formel lautet?

      background-size: cover;

      cover beschneidet das Bild, Matthias hat die gewünschte Alternative bereits genannt.

      Gruß
      Kalk