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 Response to “Be careful with body backgrounds!”


  1. Gravatar

    Just something I noticed:
    It is esperanto darling :)


Got something to say?

Please say it in English, the one and only language of this blog. If your comment is in greek or swedish or esperanto, I claim the right to edit it and translate it to english. Thank you.