August 8, 201016 yr I have a very annoying problem with a gradient which won't stick to the bottom of the background when the page content is longer that the browser's height. There's an extra bit of space between the end of the body, and the end of the html page. This only works in browsers other than IE - for a change. Can anyone help? goldenskyfilms.com/projects.php
August 8, 201016 yr Try to assign this background to <body> instead of <html>. Or change the height to auto in html settings in css
August 8, 201016 yr Try to assign this background to <body> instead of <html>. and set background-position property to center bottom, that way gradient will always start from bottom.
August 8, 201016 yr Author Try to assign this background to <body> instead of <html>. no unfortunately that doesn't work - it just looks the same (you can see I've left it with this suggestion). Or change the height to auto in html settings in css. when I try this, it only looks right when the page is LONGER than the web browser's view - if it's shorter then the gradient starts too early...it would certainly need to be set to 100% on either the HTML or BODY
August 8, 201016 yr Author Excellent, just discovered the answer! I needed to change the HTML's height parameter to "min-height" instead. This way if the page was longer then it extends to over 100% supposedly. For once, I think IE was the winner in this annoying situation.
Create an account or sign in to comment