Welcome to Gaia! ::

SkylarKaninchen's avatar

Fuzzy Mage

So... First off sorry if this is already covered, but I couldn't find my problem, not sure if I was wording it wrong or what but...
Well I have a problem of my background image only part of the way down the page, where it cuts off to black. When I anchor it to the bottom it just sticks the bottom of the image at that cut off point instead of the bottom of the profile. Is there anyway to get rid of that cut off? Or if it would be easier is there a way I can put my background image on that part of the page instead of on the top?

edit: I can provide an image of the problem if necessary.
faolan's avatar

Feral Elder



Change this:


body {
background-image: url(http://i1294.photobucket.com/albums/b618/fluffyskybunny/Talesforeverbg_zpsf793d857.jpg~original)
background-position: top;
}


to this:


html, body { background: url('http://i1294.photobucket.com/albums/b618/fluffyskybunny/Talesforeverbg_zpsf793d857.jpg') top center no-repeat; background-size: 100%; }
SkylarKaninchen's avatar

Fuzzy Mage

faolan


Change this:


body {
background-image: url(http://i1294.photobucket.com/albums/b618/fluffyskybunny/Talesforeverbg_zpsf793d857.jpg~original)
background-position: top;
}


to this:


html, body { background: url('http://i1294.photobucket.com/albums/b618/fluffyskybunny/Talesforeverbg_zpsf793d857.jpg') top center no-repeat; background-size: 100%; }

Thank you so much! so the top part is "body" and the bottom is "html"?

Quick Reply

Submit
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games