html - Trying to stretch a background downwards, but a white space remains -
i busy placing html site wordpress template. working out far i'm stuck @ background. @ large pages background stops , shows big white space.
the background consists stripes, has gradient fade dark (up) light (down).
i trying stretch background down bottom of screen. works pages smaller screen, larger pages need scroll down, background stops , shows big white space.
i in need of here - i've tried lot of solutions solved problems large pages, problem exists @ smaller pages. hope there solution stretch background way down, on every page.
current code (works on small pages, problems on large pages)
html { background: url(images/lines-bg.png); background-repeat: repeat-x; }
but when add html css, problem occurs @ small pages..
background-size: auto 100%;
i want background scrollable, not fixed.
many, many thanks!
there 2 things can try if don't have support super old browsers:
you can use background-attachment: fixed;
property fixes initial way background loaded page when scrolling.
or can use background-size:cover;
property stretches background cover size of content area dynamically. isn't best solution though image quality can become issue , inconsistent background arise different page lengths.
Comments
Post a Comment