Results 1 to 2 of 2

Thread: image position

  1. #1
    Join Date
    Feb 2007
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy image position

    Code:
    }
    #background {
    width: 100%;
    height: 100%;
    background:url(http://www.runnerselite.com/images/linedown.jpg);
    background-repeat: repeat-y;
    background-position:fixed;
    left: 25%;
    top: 30%;
    }
    ok my image is repeating but i cant seem to position it on the page how comes??

  2. #2
    Join Date
    Feb 2007
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by runnerjp View Post
    Code:
    }
    #background {
    width: 100%;
    height: 100%;
    background:url(http://www.runnerselite.com/images/linedown.jpg);
    background-repeat: repeat-y;
    background-position:fixed;
    left: 25%;
    top: 30%;
    }
    ok my image is repeating but i cant seem to position it on the page how comes??
    top and left only work for positioning objects with position: absolute or position: relative. What you want is:
    Code:
    background-position: 25% 30%;
    and (assuming you don't want the background to scroll)

    Code:
    background-attachment: fixed;
    instead of

    Code:
    background-position: fixed;
    "Rock and roll ain't noise pollution." - AC/DC

    http://www.blake-foster.com

Bookmarks

Posting Permissions

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