CSS - When you use the scroll bar the repeat-y background im

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
mguise
Forum Newbie
Posts: 21
Joined: Mon Mar 21, 2011 1:28 pm

CSS - When you use the scroll bar the repeat-y background im

Post by mguise »

I have the weirdest error happening to my website. Admittedly I have not done any extensive testing on multiple operating systems and browsers. However on my Mac using Safari and Firefox I see something weird happening with my background image and I am not sure how to fix it.

Code: Select all

body {
  margin: 0;
  background-color: #b87431;
  background-image: url(../img/dice_slice.jpg);
  background-repeat: repeat-y;
  background-position:center
}

The problem I am having is when you use the scroll bar the background image is not appearing. That is when you first open the web page the background appears fine but when you scroll down the image is not there. However when you resize the browser the background works just fine.

You can visit the following link and maybe you will see what I am talking about.

http://www.webskillsplus.com/packwood/index.php

You can also take a look at the CSS at the following link

http://www.webskillsplus.com/packwood/css/massage.css

Anyone have any ideas? Thanks in advance for your help.
User avatar
Celauran
Moderator
Posts: 6427
Joined: Tue Nov 09, 2010 2:39 pm
Location: Montreal, Canada

Re: CSS - When you use the scroll bar the repeat-y backgroun

Post by Celauran »

Remove this from your reset.css:

Code: Select all

body
{
    height: 100%;
}
Post Reply