Home How repeat background image in div longer then page length?

# How repeat background image in div longer then page length?

user1553
1#
user1553 Published in July 21, 2018, 8:43 pm

# DIV's (longer than page length) background stops repeating

I have HTML webpage with a background image (in a div), a div stretching from the top to the bottom of the page and in that a div for content... However the DIV's (stretching from the top to bottom) background stops repeating further down the page! (as soon as you scroll down, there is no more background image) Please help!

Here is the CSS:


html {
height:100%;
}
body {
background-color:#7E6F7F;
height:100%;
}
#bg { /*This is the background image for the whole page*/
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#main { /*This is the problem div!!!*/
width:85%;
height:100%;
background-color:#D2B9D3;
background: url(Images/Background_Content.jpg);
background-attachment:fixed;
background-position:0% 0%;
position:relative;
top:0;
left:0;
z-index:1;
margin:auto;
}
#content { /*This is the the div for the content*/
display:block;
width:85%;
background-color:#E9CFEC;
border:0.125em solid #867687; /*0.125em=2px*/
text-align:justify;