Hi,
newbie question but i can't figure it out:
How to make the background image covers the whole page but no repeat?
thanks
A:
* { 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%; }
meder
2010-07-29 06:41:09
adding "no-repeat top center" the image is now not even showing
2010-07-29 06:53:56
sorry didn't realise i was using background-image.. Now how do stretch the image to cover the whole page?
2010-07-29 06:55:19
+1
A:
.
body{
background-image:url(path to image) no-repeat left top
}
Your image should be large enough because you are not repeating it.
Sarfraz
2010-07-29 06:41:11
sorry didn't realise i was using background-image.. Now how do stretch the image to cover the whole page?
2010-07-29 06:56:55
@ranald-yoh: Have a look at this please: http://css-tricks.com/how-to-resizeable-background-image/
Sarfraz
2010-07-29 07:10:04