cli523
08 Jul 2009, 06:58 PM
I'm trying to set up a layout for my website and ran into a problem with the background image not repeating properly.
My layout is designed so that the content are in div layers which all sit inside one big "wrapper" div layer, and right now I'm trying to get the wrapper div layer to have a vertically repeating background for the entire length of the page.
This is how I tried to do it:
#wrapper{
margin: 0 auto 0 auto;
width: 754px;
text-align: justify;
background: url(images/content_bg.gif) repeat-y top;
}
That hasn't worked, however. The layout is supposed to look like this, but instead it looks like this.
Can anyone help? It would be greatly appreciated. =) Here are links to my CSS and my HTML, if it would help.
EDIT:
Problem solved
My layout is designed so that the content are in div layers which all sit inside one big "wrapper" div layer, and right now I'm trying to get the wrapper div layer to have a vertically repeating background for the entire length of the page.
This is how I tried to do it:
#wrapper{
margin: 0 auto 0 auto;
width: 754px;
text-align: justify;
background: url(images/content_bg.gif) repeat-y top;
}
That hasn't worked, however. The layout is supposed to look like this, but instead it looks like this.
Can anyone help? It would be greatly appreciated. =) Here are links to my CSS and my HTML, if it would help.
EDIT:
Problem solved