www.webdeveloper.com
Results 1 to 4 of 4

Thread: background position problem

  1. #1
    Join Date
    Mar 2006
    Posts
    58

    background position problem

    This is my layout http://ruriko.awardspace.com/
    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;
    }
    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.

    Another question how do you make the whole layout centered vertically?

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    I don't know whether it's kosher but the directional repeats appear to "wrap".

  3. #3
    Join Date
    Mar 2006
    Posts
    58
    what is kosher? what do you mean it appears to be wrap?

  4. #4
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    It looks like the repeat is bidirectional. You can define where the upper-left corner of the tiled image should appear but you can't restrict the range of the repeat.

    "Being kosher" is a colloquialism for "done by the rules." It comes from the idea of adherance to the prescribed method for certain kinds of Jewish foods.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles