get candy

Be careful with body backgrounds!

I love the work done on the Eurovision site, both last year and this year. Especially this year’s nice magenta and black theme looks really really cool, and I simply love the background.

But the nice people that made this site forgot large screens:

The big white nothingness
The big white nothingness

See what happens? The background on this page was declared in a rule like this:

body { background: url('some-image.png') repeat-y fixed center; }

…while it should have been:

body { background: #000 url('some-image.png') no-repeat top center; }

to take care of the absence of background repeating by adding a black background color to the page.

Always use a proper repeating pattern or consider fading your background to a uniform color, which you’ll add to your background rule later.

, , , , ,

one comment on this post

  1. Nick Andrik #1

    Just something I noticed:
    It is esperanto darling :)

leave your comment

sugarenia.com is wearing the Wordpress badge
valid HTML & invalid css

↑ Back to top  |  Grab the feed