CODEWITHSUNDEEP
htmlcss
spacecash21
spacecash21

Reputation: 1331

css + html full screen background issue

I'm new to css & html.

I have a page which scrolls it's background.

And I can't seem to make the background image static, so that the image would stay always on screen and something brown from background would not come up when scrolling down.

Any ideas how to solve this?

Turns out body size was too small. Thanks for all the help :)

Upvotes: 0

Views: 128

Answers (4)

Paul
Paul

Reputation: 9022

Remove the

height: 100%;

from your body. That way the body spans the complete content and won't end abruptly.

EDIT: Actually, you should keep it but change it to min-height, that way it also works for content smaller than screen height.

Upvotes: 2

Octav
Octav

Reputation: 122

remove line 20 from styles.css - background-color: #333;

Upvotes: 0

tenbits
tenbits

Reputation: 8008

Or remove this

    background-color: rgb(51, 51, 51);

Sothat html not overlaps body with the color

Upvotes: 0

J. Bush
J. Bush

Reputation: 358

The problem you have is that your body is smaller than your div.site-wrapper set div.site-wrapper-inner{background: url(images/3.jpg) no-repeat center center fixed;} and remove the background from the body and it should work for you.

Upvotes: 0

Related Questions