I found a fix for this. For starters, it's not scriptaculous, it's
prototype. Remove the scriptaculous library from your example and
you'll still have the problem.
Here's the fix: instead of setting your background image/colour in the
body selector, set it in the html selector, like this:
html { background: #111 url('/images/bg.png'); }
Seems prototype causes the page body to not be the full height of the
page, but seemingly randomly for me, as I reload the page over and
over. Regardless, I'm happy now that my app isn't randomly showing a
white background. Hope this works for you guys.
On Aug 17, 12:32 pm, Richard Quadling <[email protected]> wrote:
> On 17 August 2010 16:29, Richard Quadling <[email protected]> wrote:
>
>
>
>
>
> > On 17 August 2010 16:13, Guillaume Lepicard
> > <[email protected]> wrote:
> >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> >> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> >> <html xmlns="http://www.w3.org/1999/xhtml";>
> >> <head>
> >> <title>BG fail</title>
> >> <style type="text/css">
> >> body {
> >> background-color: #000000;
> >> color:#ffffff;
> >> }
> >> </style>
> >> <script type="text/javascript" src="lib/prototype.js"></script>
> >> <script type="text/javascript" src="lib/scriptaculous.js"></script>
> >> </head>
> >> <body>
> >> <h1>Hello</h1>
> >> </body>
> >> </html>
>
> > Oh strange.
>
> > I've just loaded Safari V5.01 (7533.17.8) and got the same issue.
> > White hello in a black banner. White remainder of page.
>
> > Right click and choose inspect, background is now all black as expected.
>
> > Works fine in Chrome V6.0.472.36 beta, IE 8 and FireFox V3.6.8
>
> > --
> > Richard Quadling.
>
> Just in case there was anything I missed, I pasted the code into w3c's
> validator. All OK.
>
> On the surface of it, it looks like a webkit bug. What version of
> Chrome are you using?
>
> --
> Richard Quadling.
--
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
