I am applying a repeating BG image to the HTML tag and a non-repeating image to the body. For some reason, the body BG image gets cut in half. How can I fix this?

4 answers

This was chosen as the best answer

Hm... why dont you apply 100% height and width to the body and apply the bg image directly to the body? If the image should be centered, add


There won't be any scrollbar appearing this way.

Answered over 8 years ago by Sven Finke

Don't apply any style to html tag,apply it to the body tag if you wanna use a css style that will affect the whole page.

I looked your page,and I think what you want is something like this

<div id="main_wrapper">
<div id="header">

body {background:url(repeatedwood.gif) ;}
#main_wrapper {background:url(main_bg.gif);}
Answered over 8 years ago by sunhuan
  • Yeah, that works, but the image i am using is very large on smaller resolutions it will make a scrollbar appear which I am trying to avoid. That's why I used the background-image on the body and html tag Chris Seckler over 8 years ago

I got this problem fixed. Thank you!

Answered over 8 years ago by Chris Seckler
Marcel 57

Besides the code problem... look again on your desktop items, the proportions are a bit wrong, for example must your iPhone be a iPhone nano i think?

Answered over 8 years ago by Marcel