Le 29 janv. 2013 à 23:52, Debbie Campbell <d...@redkitecreative.com> a écrit :
> In my 10" Android tablet in landscape view, the CSS3 background gradient > doesn't stretch to the bottom of the page, it only fills the browser window. > If you have to scroll down, the background is white below the original > window. Can someone point me in the right direction to fix it or suggest > another way to handle it? > >>> http://www.redkitecreative.com/projects/prsold/construction-and-commercial/ I don't have any Android based tablet either to test. On my iPad2, the teal based background is not visible at all (the #wrapper div nicely fills the viewport, which is to be expected given the meta viewport declaration). A quick test case using your code works just fine, however (the iPad is running iOS 6.1, I also checked in the iOS simulator running iOS 5.1 and iOS 6.0). That said, based on your description, I have the nagging feeling that your device doesn't support 'background-attachment: fixed'. In that case, the gradient will be as tall as the viewport (that is different from the document height). BTW does that happen with any browser on that device, or only with the default browser ? Workarounds: 1- remove the 'html, body {height: 100%}' – side effect: the background-gradient will be as tall as the document, not the viewport; probably not what you want. OR 2- add a background-color declaration, matching the end-point of your gradient, like this: body { background: #649697; /* <-------- remove this Old browsers */ background: -moz-linear-gradient(top, #649697 16%, #234646 100%); /* FF3.6+ */ /* … snip … / background: linear-gradient(to bottom, #649697 16%,#234646 100%); /* W3C */ background-color: #234646; /* <----------- add this - old browsers + fall back background-color */ background-attachment: fixed; background-repeat: no-repeat; } PS - You can remove the -ms- prefixed gradient, IE 10 supports the un-prefixed syntax just fine, and older versions of IE don't support CSS gradients. Philippe - Less than impressed with the Google implementation of a browser on Android. -- Philippe Wittenbergh http://l-c-n.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
