background image css

Question

newbie question but i can't figure it out:

How to make the background image covers the whole page but no repeat?

thanks

Answer 1

.

body{
  background-image:url(path to image) no-repeat left top
}

Your image should be large enough because you are not repeating it.

Answer 2

* { margin:0; padding:0; }
body { background:url(/file.jpg) no-repeat top center; }

If it looks off you probably need more heightness.

html, body { height:100%; }