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

0
points
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

background-position:center;

There won't be any scrollbar appearing this way.

Answered about 7 years ago by Sven Finke
1
point

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

<html>
<body>
<div id="main_wrapper">
<div id="header">
</div>
.......
.......
</div>
</body>
</html>

-----------
body {background:url(repeatedwood.gif) ;}
#main_wrapper {background:url(main_bg.gif);}
Answered about 7 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 about 7 years ago
0
points

I got this problem fixed. Thank you!

Answered about 7 years ago by Chris Seckler
Marcel 57
0
points

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 about 7 years ago by Marcel