Hey there,
I'm currently working on implementing css sprites in my web application. The challenge I'm facing is that I have organized the background of my website vertically within a sprite image. Now, one specific portion of the sprite needs to be repeated vertically.
Here's the code snippet I've been experimenting with...
#page-wrapper {
margin: 0px auto;
background-image: url(../images/background.png);
height: 100%;
width: 1000px;
}
#page-wrapper #content {
background-position: 0px -80px;
background-repeat: repeat-y;
height: 1px;
}
I'm unsure about how to properly define the height property for the content section that needs to be repeated and the height of the div (#content). Any advice on this would be greatly appreciated.
Thanks, Vikram