so i'm coding my own pet profile and i haven't touched coding in years.
so my question is this: is there a reason to make the page stop scrolling and showing a gap at the bottom of the page where the background image stops? it's so annoying argh. this is the coding i have:
code
html,body{
background-color:;
background-image:url(http://i57.tinypic.com/2igzmdt.jpg);
background-position: fixed;
background-repeat: no-repeat;
background-attachment:fixed; }
the pet is here: clickie
Hey there!
You fixed the background, therefore the whole page scrolls ^^
html,body{
background-color:;
background-image:url(http://i57.tinypic.com/2igzmdt.jpg);
background-position: top left;
background-repeat: no-repeat; }
just need to figure out, why there is way too much space beneath the pet desc ^^
ooo. right. omg. haha. thank you so much i feel so dumb now orz.
i switched up the code as per your suggestion but there is still a gap between the background image and the bottom of the window / page still scrolls too far :<
Toss a
{height:900px !important;}
in there and the empty space should go c:
Haha, you're welcome. You might also want to know that on wider (laptop) screens the background image cuts off on the side?
thanks for letting me know, i'll keep it in mind. it fits nice on my screen but i might make it wider c:
If you decide to do that you might want to consider putting just a repeating pattern in html and the background etc in body, that would make it work on all resolutions c:
ooo yeah thats probably the best idea... how would i code that? XDD
html,body{
background-color:;
background-image:url(http://i57.tinypic.com/2igzmdt.jpg);
background-repeat: no-repeat;
background-attachment:fixed; }
This bit here you currently have is a bit redundant because you are declaring the same properties, inclduing a bg image, for both body and html. What you'll want to do is split the two
html{
background-color:;
background-image:url(repeating pattern url);
background-repeat:repeat;}
body{background-color:transparent; background-image:url(actual background url); background-repeat: no-repeat;}
Sooooomething like that anyway, I didn't code it in a while so it might require some fine-tuning I failed to remember about. But that's the idea.