Avatar billede michaeltryl Seniormester
11. august 2017 - 14:59 Der er 2 kommentarer og
1 løsning

gradient baggrund 100% i højde

Hej jeg har følgende i min css fil
html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background: linear-gradient(to bottom,#5f4d93 15%,#e37682 85%)
}
men som i kan se på
http://paradise.magiske-michael.dk/
er der en lille bred lilla kant i bunden af siden, hvordan får jeg den væk, så det er gradient 100% i højden?
Avatar billede jakobdo Ekspert
11. august 2017 - 15:47 #1
Jeg testede lige din kode her: https://jsfiddle.net/cext171y/
Det virker til den laver en repeat på "gradient" tingen...
Avatar billede Slater Ekspert
11. august 2017 - 15:49 #2
Det sker fordi din h1 header har en margin, hvilket skubber body'en ned. Det er en underlig opførsel af CSS, som jeg ikke helt forstår formålet af, men du kan rette det ved at give din h1 display: inline-block.
Avatar billede michaeltryl Seniormester
11. august 2017 - 17:07 #3
Tak for det Slater - det virkede
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester