Menu icon Foundation
Body Gradient 100% Original Window Size

Hi

I just updated to 6.2 and within the new css is this code

body,html{height:100%}

This is causing my background page gradient to stop at the window 100% height mark and not flowing to the bottom. The image below shows that the original window height was half way between the "I'm not a robot" box and then I scrolled down.

Screen shot 2016 03 01 at 11.29.55

Removing that line of code, the light grey continues to the bottom.

Screen shot 2016 03 01 at 11.30.43

Is this new line of code required to ensure the reveal displays in the correct place? If so, a bit of an issue with body background gradients.

Cheers
G

body tagFoundation 6.2gradientwindow height 100%

Hi

I just updated to 6.2 and within the new css is this code

body,html{height:100%}

This is causing my background page gradient to stop at the window 100% height mark and not flowing to the bottom. The image below shows that the original window height was half way between the "I'm not a robot" box and then I scrolled down.

Screen shot 2016 03 01 at 11.29.55

Removing that line of code, the light grey continues to the bottom.

Screen shot 2016 03 01 at 11.30.43

Is this new line of code required to ensure the reveal displays in the correct place? If so, a bit of an issue with body background gradients.

Cheers
G

Glynn Williams almost 4 years ago

** UPDATE **

Removing the html tag from this line, leaving in just the body tag [ body{height:100%} ] works, with the gradient flowing to the bottom. So it's the html at 100% height that is causing the issue.

G