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