Results 1 to 4 of 4

Thread: CSS - When you use the scroll bar the repeat-y background image is not appearing.

  1. #1
    Join Date
    Mar 2011

    CSS - When you use the scroll bar the repeat-y background image is not appearing.

    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.

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

    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.


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


    Anyone have any ideas? Thanks in advance for your help.

  2. #2
    Join Date
    Mar 2009
    New York City
    try getting rid of this code:

    html {
    background-color: #b87431;

    I copied your page, dumped that code and the results seem to be what you want. Putting the background color in the body statement should be enough.

  3. #3
    Join Date
    Mar 2012

    on your 'reset.css', there is a selector with 'height:100%' propetry.
    it means that your 'body' height start at the top and ends where your browsers screen ends and not where you want it to be - at the end of the site.
    taking down that code or setting it to 'auto' will fix your problem.

    have fun

  4. #4
    Join Date
    Mar 2011
    Thanks J2NYC. That did the trick. Thanks for responding chyaner. Without people like you I would be lost.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center