This is my layout http://ruriko.awardspace.com/
You noticed in the content box the background is repeating from the start instead of the position that I set at. I want the background to be positioned 78px vertical and repeat the background at where it's positioned.Code:#bg { position:absolute; width:740px; height:604px; z-index:1; background-image: url(images/sphyro_01.jpg); background-color: #94CBFF; background-repeat: no-repeat; top: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-top-color: #000066; border-right-color: #000066; border-bottom-color: #000066; border-left-color: #000066; left: 130px; } #Nav { position:absolute; width:216px; height:486px; z-index:1; left: 20px; top: 1px; background-image: url(nav_bg.jpg); background-repeat: no-repeat; background-position: 0px 448px; } #Content { position:absolute; width:482px; height:119px; z-index:2; left: 245px; top: 371px; background-image: url(content_bg.jpg); background-repeat: repeat-y; background-position: 0px 78px; }
Another question how do you make the whole layout centered vertically?


Reply With Quote
Bookmarks