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.
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.
try getting rid of this code:
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.
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.
Thanks J2NYC. That did the trick. Thanks for responding chyaner. Without people like you I would be lost.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)