Background css, ho bisogno di aiuto per un codice

[IIS2016DelCampoGiuseppe]

Salve a tutti, avrei bisogno di una mano per sistemare un background che ho trovato girando su internet, che fa un effetto caruccio da impostare come sfondo.
C'è il codice JS che funge da script, però posto solamente il CSS che è quello che vorrei manipolare per sistemare l'effetto sulle mie pagine.

#gradient {
width: 100%;
padding: 0px;
height: 100%;
margin: 0px;
}
body {
background-color: #000000;
padding: 0px;
margin: 0px;
}
.riquadro {
border:1px solid black;
width:255px;
height:180px;
}

Invece il codice HTML è questo, anche se non serve lo posto uguale:
<div id="gradient" />


Ecco il link alla mia pagina per farvi capire cosa vorrei tentare di sistemare:
http://iis2016delcampogiuseppe.alter...rks/works.html

L'effetto dello sfondo si può ben vedere, il fatto è che su altre pagine viene tipo scontornato male, e non riempie l'intera pagina. Se faccio uno zoom, lo scontorno andando giù per la pagina è evidente, mentre se fai uno zoom out l'effetto scontornato scompare. Sapete per caso come sistemare questa cosa in modo che non fa il contorno nero per pagine in cui c'è bisogno di scrollare, ma rimane costante l'effetto in ogni caso? Penso che il problema sia il codice CSS.
Grazie infinite, aspetto risposte.

[IIS2016DelCampoGiuseppe]

UP

Qualcuno può aiutarmi? Grazie..

[alemoppo]

il fatto è che su altre pagine viene tipo scontornato male

Cosa intendi con scontornato? Dove sono queste pagine?
Comunque in CSS devi solamente provare a modificare le varie proprietà fino ad ottenere quel che vuoi. Aiutati con gli strumenti degli sviluppatori inclusi nei browser.

Ciao!

[IIS2016DelCampoGiuseppe]

Cosa intendi con scontornato? Dove sono queste pagine?
Comunque in CSS devi solamente provare a modificare le varie proprietà fino ad ottenere quel che vuoi. Aiutati con gli strumenti degli sviluppatori inclusi nei browser.

Ciao!

Intendo che ho provato in altre pagine del mio sito a mettere lo stesso effetto, e come ho spiegato dettagliatamente se scrolli in giù la pagina l'effetto rimane solamente sul contorno con cui ha caricato la pagina. Non conosco bene il CSS e quindi ho chiesto aiuto, non conosco gli strumenti degli sviluppatori.

[alemoppo]

Intendo che ho provato in altre pagine del mio sito a mettere lo stesso effetto, e come ho spiegato dettagliatamente se scrolli in giù la pagina l'effetto rimane solamente sul contorno con cui ha caricato la pagina.

Però è necessario vedere questo problema per tentare di aiutarti.

non conosco gli strumenti degli sviluppatori.

Quando sei nella pagina da analizzare, clicca col destro in un punto dove non c'è nulla e seleziona "analizza elemento" (firefox) o "ispeziona" (chome). È uno strumento utilissimo per sviluppare in CSS e javascript.

Ciao!

[IIS2016DelCampoGiuseppe]

Il problema è nel <div id="gradient">
E' lui che genera l'effetto del background.
Ti rispiego nuovamente qual'è il problema, e ti rispiego che non so come risolverlo dato che non so come potrei farlo.
La pagina che ti ho linkato e che forse non hai visto, se hai un monitor piccolo avrai bisogno di scrollare in basso.
Bene, se scrolli in basso l'effetto background rimane nella stessa posizione in cui hai aperto la pagina, ovvero prima della parte che hai scrollato. Per "scrollare" (termine comune che si utilizza molto in informatica) intendo quando usi la rotellina. Se vai giù con la rotellina scrolli la pagina, e io ti sto dicendo per la 3°/4° volta che l'effetto rimane nello stesso modo in cui si è aperta la pagina, ovvero non copre l'ipotetico scroll in basso, perchè si dovrebbe mettere qualche attributo ad height che io non conosco. Ho provato auto, 100%, l'ho levato anche, ma il problema rimane. Se non lo metto l'effetto si genera ancora peggio.
Se qualcuno ha capito il problema, mi dia una mano gentilmente se si può

[alemoppo]

Prova eliminando

height: 100%;

da #gradient.

Ovviamente tieni conto della cache.

Ciao!

[IIS2016DelCampoGiuseppe]

Prova eliminando

height: 100%;

da #gradient.

Ovviamente tieni conto della cache.

Ciao!

Ti avevo già scritto che ho provato a levarlo e non funziona ugualmente, viene sempre uno spazio nero sotto.

[alemoppo]

Come lo vedo ora:


Come lo vedo con le modifiche che ti ho suggerito:


Purtroppo se non riesco a riprodurre il problema, non posso aiutarti.

Ciao!

[IIS2016DelCampoGiuseppe]

Come lo vedo ora:


Come lo vedo con le modifiche che ti ho suggerito:


Purtroppo se non riesco a riprodurre il problema, non posso aiutarti.

Ciao!

Anche se lo levo il problema c'è sempre..


ho provato veramente tante cose ma non funziona nessuna di esse.