Beez3 Hintergrundfarbe auf gesamten Browserhöhe

  • Hallo zusammen!
    Beim Beez3 Template möchte ich eine Hintergrundfarbe über die gesamte Browserhöhe haben.
    Meine Angabe im 'body'

    Code
    body#shadow {
       height:100%;
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #9BA514 10%, #ABAC9C 90%) repeat scroll 0 0;}


    wird jedoch nur bis zur Höhe des aktuellen Website-Inhaltes angezeigt.


    Die Angabe height: 100% oder background-size: 100% 100%; haben auf die Gesamthöhe keine Auswirkung.


    Danke für Eure Hilfe!

  • personal.css (bzw. nature.css):

    Code
    body {	background: transparent;}


    position.css (Zeile 99):

    Code
    html {
        background: rgba(0, 0, 0, 0) linear-gradient(90deg, #9BA514 10%, #ABAC9C 90%) repeat scroll 0 0;
        font-size: 100.01%;
        -webkit-overflow-scrolling: touch;
        -webkit-tap-highlight-color: #f3f5f6;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }


    Wenn das nicht passt, dann brauchen wir einen Link zur Seite ;)

  • Wow! Perfekt! Vielen Dank.
    Die Angabe für die Hintergrundfarbe in der position.css unter html anzugeben war gold richtig.
    Das hätte ich nie gefunden :( ...und wieder bin ich ein bisschen schlauer :)